$("ul.pagination a").click(function(event) {
	  event.preventDefault();
	  var clicked = $(this).attr("href");
	  $.get( clicked, function( data ) {
	    $( "#container" ).html(data);
	  });
	});

$url=$modx->makeUrl($ajaxpage);
$furls = $modx->getOption('friendly_urls');
$qstring = !empty($furls) ? '?page=' : '&page=';
$js="
<script>
$(document).ready(function() {
new Paginator('{$url}',{qString : '{$qstring}'});
}); 
</script>
";
$modx->regClientStartupHTMLBlock($js);

<?php
$myComponent = $modx->getService('myComponent','MyComponent',$modx->getOption('mycomponent.core_path',null,$modx->getOption('core_path').'components/mycomponent/').'model/mycomponent/',$scriptProperties);
if (!($myComponent instanceof MyComponent)) return 'Unable to load the voting system!';
 
$competitionId = 9; // hardcoded this for now
// Get total number of records
$c = $modx->newQuery('items');
if(!empty($competitionId)) {
    $c->where(array(
        'competition_id' => $competitionId
    ));
}

$total = $modx->getCount('items',$c);

/* setup default properties */
$limit = $modx->getOption('limit',$scriptProperties,6);
$offset = $modx->getOption('offset',$scriptProperties,0);
$sort = $modx->getOption('sort',$scriptProperties,'id');
$dir = $modx->getOption('dir',$scriptProperties,'asc');
$totalVar = $modx->getOption('totalVar', $scriptProperties, 'total');
$modx->setPlaceholder($totalVar,$total);

$c->limit($limit,$offset);
$c->sortby($sort,$dir);
$artworks = $modx->getCollection('items',$c);

/* iterate */
$output = '';
foreach ($artworks as $artwork) {
    $artworkArray = $artwork->toArray();
    $output .= $myComponent->getChunk($tpl,$artworkArray);
}
return $output;

[[!ajaxGetPage? &ajaxpage=`3`]]
<!-- Begin Pagination code -->
    <div id="pagination_controls">
        <div id="pagination_control_wrapper">
        </div>
        </div>   
    <div id="pagination_container">
       <div id="pagination_content_wrapper">
       </div>
    </div>
<!-- End Pagination code -->

[[!ajaxGetPage?
&ajax=`1`
&sortBy=`id`
   &elementClass=`modSnippet` 
    &element=`mycustomsnippet` 
    &tpl=`myRowTpl` 
    &totalVar=`total`
    &limit=`2`
]]

<li>
    <table>
        <tr><th>[[+name]]</th></tr>
        <tr><td>[[+description]]</td></tr>
        <tr><td><a href="/modx/assets/components/mycomponent/competitions/[[+competition_id]]/[[+filename]]"><img src="/modx/assets/components/mycomponent/competitions/[[+competition_id]]/thumbnails/[[+filename]]_medium.jpeg"></a></td></tr>
        <tr><td><a href="">Vote!</a></td></tr>
    </table>
</li>