Issue with using jquery tablesorterPager
<p>I am using jquery 1.7.2 and primefaces 3.3.1. The pagination is not getting displayed, the page numbers are not getting displayed. Here is my code,</p>

<pre><code>&lt;h:head&gt;
        &lt;script type="text/javascript" src="#{lookupBean.themePath}/js/jquery.tablesorter.min.js" /&gt;
        &lt;script type="text/javascript" src="#{lookupBean.themePath}/js/jquery.tablesorter.pager.js" /&gt;
        &lt;script type="text/javascript" src="#{lookupBean.themePath}/js/jquery.simplemodal.1.4.2.min.js" /&gt;
        &lt;script type="text/javascript" src="#{lookupBean.themePath}/js/javascript.js" /&gt;
            &lt;script&gt;
                jQuery('table[id$="affiliationTable"]').tablesorter(
                {
                    sortList :
                    [
                    [ 3, 1 ] ],
                    widgets :
                    [ 'zebra' ]
                }).tablesorterPager(
                {
                    container : jQuery("div#selectiveAuditPager"),
                    size : 15,
                    positionFixed : false,
                    seperator : ' of '
                });
            &lt;/script&gt;
 &lt;/h:head&gt;
&lt;h:body&gt;
      &lt;div id="tableContainer" class="tableContainer"&gt;
                                &lt;table id="affiliationTable" class="tablesorter" width="100%"&gt;
                                    &lt;thead&gt;
                                    &lt;/thead&gt;
                                    &lt;tbody&gt;
                                    &lt;/tbody&gt;
                                  &lt;/table&gt;
       &lt;/div&gt;
      &lt;div id="selectiveAuditPager" class="pager" align="center"
                                style="width: 99%; border: 1px solid #CECECE; background-color: #E7EAF0; padding: 2px;"&gt;
                                &lt;img src="#{lookupBean.themePath}/images/first.png" class="first" /&gt;&amp;#160;&amp;#160; &lt;img
                                    src="#{lookupBean.themePath}/images/prev.png" class="prev" /&gt;&amp;#160;&amp;#160; &lt;input id="pagedisplay" type="text"
                                    size="8" class="pagedisplay" disabled="true"
                                    style="font-weight: bold; border: none; background-color: #E7EAF0;" /&gt;&amp;#160;&amp;#160; &lt;img
                                    src="#{lookupBean.themePath}/images/next.png" class="next" /&gt;&amp;#160;&amp;#160; &lt;img
                                    src="#{lookupBean.themePath}/images/last.png" class="last" /&gt; &lt;input type="hidden" class="pagesize" value="15" /&gt;
                            &lt;/div&gt;
&lt;/h:body&gt;
</code></pre>

<p>Please let me know what could be wrong here and if I missing any .js file to be included to make this pagination work.</p>
