title: iPhone - Using jquery-mobile in a UIWebView
body: <p>I have never used jquery before, and I am trying to use it on a UIWebView, I though it would be easy but clearly I must be missing something obvious, I kinda followed this SO <a href="https://stackoverflow.com/questions/10393490/jquery-mobile-not-working-inside-uiwebview">JQuery Mobile not working inside UIWebView</a></p>
  
  <p>I am loading a dynamic html string into my UIWebView and I append at the beginning some styling loaded from a local html file (this works fine), it is something like this:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;style&gt;
  //Some style...
                  &lt;/style&gt;
          &lt;link rel="stylesheet" href="jquery.mobile-1.3.1.min.css"/&gt; //Is this what i have to do to load it??
          &lt;script src="jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt; //Is this what I have to do load it???
  
  //Closing tags...
  </code></pre>
  
  <p>I also went to jquerymobile.com downloads and got this 2 files:</p>
  
  <pre><code>jquery.mobile-1.3.1.min.css
  jquery.mobile-1.3.1.min.js
  </code></pre>
  
  <p>Which I removed from compile sources and added to copy bundle resources, as suggested in the post above.</p>
  
  <p>Then In body I simply added this sample code from <a href="http://jquerymobile.com/demos/1.3.0-rc.1/docs/content/content-collapsible.html" rel="nofollow noreferrer">http://jquerymobile.com/demos/1.3.0-rc.1/docs/content/content-collapsible.html</a></p>
  
  <pre><code>&lt;div data-role="collapsible"&gt;
     &lt;h3&gt;I'm a header&lt;/h3&gt;
     &lt;p&gt;I'm the collapsible content. By default I'm closed, but you can click the header to open me.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It is my understanding that after doing this, I should be able to tap the div and it would expand and collapse. Right know it just shows all the text in there tapping does nothing.</p>
  
  <p>Any help on what I am missing or a step by step guide would be awesome.</p>
  
  <p>Thank you</p>