title: Jquery Mobile - Popup Menu in Header
body: <p>I have the following header in my JQM page to have popup menu when tapping <code>option</code>.</p>
  
  <pre><code>&lt;div data-role="header" data-theme="a" data-position="fixed"&gt;
      &lt;div&gt;&lt;a href="#"&gt;&lt;img src="custom-icon.png" class="ui-btn-left" width="32" height="32"/&gt;&lt;/a&gt;&lt;/div&gt;
  
      &lt;h1&gt;HOME&lt;/h1&gt;
  
      &lt;a href="#main-menu" class="ui-btn-right" data-rel="popup" data-icon="grid" data-iconpos="notext"&gt;Option&lt;/a&gt;
      &lt;div data-role="popup" id="main-menu"&gt;
          &lt;ul data-role="listview" data-inset="true" data-theme="a"&gt;
              &lt;li&gt;&lt;a href="menu1" data-theme="c"&gt;MENU 1&lt;/a&gt;
              &lt;li&gt;&lt;a href="menu2" data-theme="c"&gt;MENU 2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works but it sometimes need to be tapped many times in my android device. The JQM page was used in android-webview. How to solve tapping issue?</p>
  
  <p>THanks</p>