title: Horizontal Scrolling NavBar with Jquery Mobile and HTML5
body: <p>I know this question has been asked before, but I'm having a heck of time finding a simple solution to this.  I scouring the web and not finding a straight forward answer.   I have this code in my HTML file</p>
  
  <pre><code>&lt;footer data-role="footer" data-position="fixed"&gt;
  &lt;nav data-role="navbar"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#" class="yellow"&gt;item 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="orange"&gt;item 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="red"&gt;item 3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="yellow"&gt;item 4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="orange"&gt;item 5&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="red"&gt;item 6&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;div data-role="footer"&gt;
      &lt;h3&gt;Some info here&lt;/h3&gt;
  &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>I just want to make the list items scrollable horizontally, but not the div with the H3 tag.  I'm new to JQuery mobile and HTML5, so any input is appreciated.  I've tried to implement iScroll and a few other methods, but I'm having trouble putting it all together.
  Thanks!</p>