title: Select a div with tab
body: <p>I have this close buttons on jQuery UI dialogs that use . This is annoying because when the user hovers above it, the browser will display a useless link at the bottom of the page (which i really cant have there because I use a status-bar at the bottom).</p>
  
  <p>When I remove the attribute href the problem is solved, but now when I tab over the elements of my dialog, the buttons that have no href will be skipped.</p>
  
  <p>Any suggestions would be appreciated.</p>
  
  <p>Edit:
  HTML:    </p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;...(script includes)&lt;/head&gt;&lt;body&gt;
  &lt;div id="someDialog"&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>Js:</p>
  
  <pre><code> $(document).ready(function() {
       $("#someDialog").dialog();
   )};
  </code></pre>
  
  <p>jsfiddle: <a href="http://jsfiddle.net/mmarcon/jTGCF/1/" rel="nofollow">http://jsfiddle.net/mmarcon/jTGCF/1/</a>
  Open the dialog and hover over the close "x"</p>