title: How to use jQuery and jQuery plugins with PrimeFaces
body: <p>I've a PrimeFaces web application. When I manually add jQuery and plugins like below,</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/onebyone/jquery.onebyone.js"&gt;&lt;/script&gt;              
  &lt;script type="text/javascript" src="js/onebyone/jquery.touchwipe.min.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="js/jquery.carouFredSel-5.5.0.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>then PrimeFaces components loose their functionality and some of their styles. For example, <code>&lt;p:dialog&gt;</code> don't show up, <code>&lt;p:accordionPanel&gt;</code> doesn't slide, <code>&lt;p:panelGrid&gt;</code> loses padding, etcetera.</p>
  
  <p>How is this caused and how can I solve it?</p>