title: jQueryMobile dialog close button triggers click on item behind it
body: <p>In a jQuery Mobile project, have a dialog box (not a popup) with some fields and two buttons styled like so:</p>
  
  <pre><code>        &lt;a data-role="button" data-inline="true" data-transition="none" href="#"
              data-icon="check" data-iconpos="left" id="saveEdit"&gt;Save
          &lt;/a&gt;
          &lt;a data-role="button" data-inline="true" data-transition="none" href="#"
              data-icon="delete" data-iconpos="left" id="closeEdit"&gt;Cancel
          &lt;/a&gt;
  </code></pre>
  
  <p>When one of them is clicked, a click event handler closes the dialog:</p>
  
  <pre><code>$(document).on("vclick", "#saveEdit", function () {
  
      LoginCookie(EditDoc, "Y");
      $('.ui-dialog').dialog('close');
  });
  </code></pre>
  
  <p>However, when this happens, a click event is also fired on anything that was "behind" the dialog, almost as if you are tapping "through" the dialog button, even though it still fires a click event on the button. Is there a way to prevent this behavior?</p>