title: How can I stop the browser viewport moving to the top of the page when the user clicks on a jQueryUI radio button?
body: <p>I have got some radio buttons setup like this:</p>
  
  <pre><code>&lt;div id="typeRadios"&gt;
      &lt;input id="note_notetype_note1" name="note[notetype]" type="radio" value="note1" /&gt;&lt;label for="note_notetype_note1"&gt;note1&lt;/label&gt;
      &lt;input id="note_notetype_note2" name="note[notetype]" type="radio" value="note2" /&gt;&lt;label for="note_notetype_note2"&gt;note2&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>That I turn into jQueryUI buttons like this:</p>
  
  <pre><code>$("#typeRadios").buttonset();
  </code></pre>
  
  <p>This is the resulting HTML:</p>
  
  <pre><code>&lt;input type="radio" value="note1" name="note[notetype]" id="note_notetype_note1" class="ui-helper-hidden-accessible"&gt;
  &lt;label for="note_notetype_note1" aria-pressed="false" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button" aria-disabled="false"&gt;&lt;span class="ui-button-text"&gt;note1&lt;/span&gt;&lt;/label&gt;
  &lt;input type="radio" value="note2" name="note[notetype]" id="note_notetype_note2" class="ui-helper-hidden-accessible"&gt;
  &lt;label for="note_notetype_note2" aria-pressed="false" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button" aria-disabled="false"&gt;&lt;span class="ui-button-text"&gt;note2&lt;/span&gt;&lt;/label&gt;
  </code></pre>
  
  <p>The buttons work, but whenever I click one, the browser view-port gets returned to the top of the page, the same way it happens when you click on a <code>&lt;a href="#"&gt;link&lt;/a&gt;</code> link.</p>
  
  <p>I am using jQuery 1.4.2 and jQueryUI 1.8.7. How can I prevent this behaviour? Thanks for reading.</p>
  
  <p>EDIT: The <code>&lt;a href="#"&gt;link&lt;/a&gt;</code> part was missing.</p>