title: Dynamically create Jquery Mobile Navbar from JSON data
body: <p>I'm trying to dynamically create a navbar from data i fetch from a web api serving json data. Here's the code: <a href="https://gist.github.com/2962277" rel="nofollow">https://gist.github.com/2962277</a>
  If i use:</p>
  
  <pre><code>    &lt;div data-role="navbar"&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="a.html"&gt;One&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="b.html"&gt;Two&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>directly in html code works fine, but this is not what im looking for. I want to be able to create the list elements from the data in the like the code in gist show. Anyone could point me in the right direction?</p>