title: Integrating JSF 2 and JQuery Mobile
body: <p>I'm trying to take an existing JSF 2 page and style it using JQuery Mobile (JQM).  The problem is that JSF won't handle some of the JQM attributes.  For example, I want to create a JQM-styled search input:</p>
  
  <pre><code>&lt;input type="search" name="search" id="search" /&gt;
  </code></pre>
  
  <p>In order for this to be integrated with the JSF page, I have tried this:</p>
  
  <pre><code>&lt;h:inputText type="search" name="search" id="search" value="#{bean.searchText}"/&gt;
  </code></pre>
  
  <p>JSF does not accept a type attribute, so the rendered HTML looks like this:</p>
  
  <pre><code>&lt;input type="text" name="search" id="search" /&gt;
  </code></pre>
  
  <p>This does not produce the proper JQM search widget :-(</p>
  
  <p>I've googled for hours and have not found any examples of the integration of the two.  Any ideas on how to make JQM and JSF play nicely?  Thanks in advance!</p>