title: jquery toggle disappear quickly after clicking button
body: <p>this is my code..</p>
  
  <pre><code>&lt;div id="hint-toggle" class="ui-body ui-body-e" style="display: none"&gt;
     &lt;p&gt;No Hints available right now,check it later&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;button id="show-hint" onclick="showHint();"type="submit" data-inline="true" data-theme="c"&gt;Show Hint&lt;/button&gt;
  
  &lt;script type="text/javascript"&gt;
      function showHint(event){
      $("#hint-toggle").toggle();
          }
  &lt;/script&gt;
  </code></pre>
  
  <p>After clicking <code>show hint</code> button it appear but within 2 sec it'll disappear.. did i miss anything in my code?? please help me.i want to show <code>hint-toggle</code> till i again press <code>show hint</code> button.</p>
  
  <p>FYI: <a href="http://jsfiddle.net/shreeramns/rUKbh/" rel="nofollow">http://jsfiddle.net/shreeramns/rUKbh/</a></p>