title: How to use Icon Only button in Nav Bar (Jquery Mobile)
body: <p>I am trying to use some icon only buttons in the footer Nav Bar but no success. I have tried the following;</p>
  
  <pre><code>&lt;!--Footer--&gt;
           &lt;div data-role="footer" data-position="fixed"&gt;
          &lt;div data-role="navbar" &gt;
              &lt;ul&gt;
              &lt;li&gt;&lt;a href="#" data-icon="flat-mail" data-iconpos="notext" data-role="button"&gt;Yes&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-icon="flat-camera" data-iconpos="notext" data-role="button"&gt;Yes&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-icon="flat-heart" data-iconpos="notext" data-role="button"&gt;Yes&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-icon="flat-eye" data-iconpos="notext" data-role="button"&gt;Yes&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;&lt;!-- /navbar --&gt;
  &lt;/div&gt;&lt;!-- /footer --&gt;
  </code></pre>
  
  <p><strong>Also...</strong></p>
  
  <pre><code>&lt;!--Footer--&gt;
           &lt;div data-role="footer" data-position="fixed"&gt;
          &lt;div data-role="navbar" &gt;
              &lt;ul&gt;
              &lt;li&gt;&lt;a href="#" class="ui-btn-icon-notext" data-icon="flat-mail" data-iconpos="notext" data-role="button"&gt;Yes&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="ui-btn-icon-notext" data-icon="flat-camera" data-iconpos="notext" data-role="button"&gt;Yes&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="ui-btn-icon-notext" data-icon="flat-heart" data-iconpos="notext" data-role="button"&gt;Yes&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="ui-btn-icon-notext" data-icon="flat-eye" data-role="button"&gt;Yes&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;&lt;!-- /navbar --&gt;
  &lt;/div&gt;&lt;!-- /footer --&gt;
  </code></pre>
  
  <p>Please, can someone put me through</p>