Editing JQuery Initialization on Listings Pages (section)

====Markup====

Sample:
<syntaxhighlight lang="html4strict" enclose="div">
<td class="centered">
	<div class="listops"><!--
		--><button class="edit-btn" data-id="<?=$so->id?>" data-tid="<?=ShippingOption::SECTION_ID?>" data-op="edit" title="edit shipping option">edit shipping option</button><!--
		--><button class="trash-btn" data-id="<?=$so->id?>" data-tid="<?=ShippingOption::SECTION_ID?>" data-op="delete" title="delete shipping option">delete shipping option</button>
	</div>
</td>
</syntaxhighlight>

* Use the <code>button</code> element when the button will trigger a JQuery handler.
* Use the <code>anchor</code> element when the button links to another page.
* Buttons are wrapped in a <code>div</code> container with <code>listops</code> class.
* The <code>class</code> attribute value of the button/anchor determines the icon that is loaded and (optionally) the AJAX handler that is invoked upon clicking the button.
* Required attributes for AJAX handlers:
** <code>data-id</code>
** <code>data-tid</code>