title: Pagination links created by jQuery Bootstrap Paginator plugin are floating to right
body: <p>I am using Java Server Faces 2.2. My design is based on Twitter Bootstrap 3. Boostrap offers a component for styling a pagination. I am using this jQuery Plugin (<a href="http://bootstrappaginator.org/" rel="nofollow">http://bootstrappaginator.org/</a>) to generate the pagination dynamically.</p>
  
  <p>Inside my templates i am generating links with <code>h:outputLink</code>. I created a table with <code>h:dataTable</code> which is pageable and sortable. The page, the sort field and the sort order are passed as get parameters. The links are created with <code>h:outputLink</code>.</p>
  
  <p>The problem is now that the links for the pagination are created by the jQuery plugin and inserted into the page. Also i am using jQuery to adjust dynamically the position of the pagination (floating it to the right) because the option of plugin is not working.</p>
  
  <p>After loading the page the pagination is floated to the right side. Now i am using the pagination to switch to an other page. The jquery plugin now regenerates the pagination. The pagination is now floated to the left (the plugin resets the class attribute of the <code>&lt;ul&gt;</code> tag). After that the pagination is floated to the right (i am adding the missing class by jquery).</p>
  
  <p>The problem is that you can see this floating to the right in the browser. That bevavior does not occour if i am using the links created by <code>h:outputLink</code>. <code>h:outputLink</code> adds something like <code>id="j_idt75:j_idt84" name="j_idt75:j_idt84"</code> to the link. Is this for ajax? I think the jquery plugin generated links are also creating a ajax request, which updates the complete page so i am able to see the movement of the pagination.</p>
  
  <p>What can i do to avoid this behavior? I think the "standard" html links without the ids should force a complete new get request and not an ajax request. How is this possible?</p>