title: Bootstrap TabPanel Tab - Disable Page Scrolling To Element's ID
body: <p>My TabPanel Tab's title consists of two things:</p>
  
  <ol>
  <li>checkbox</li>
  <li>title of the tab</li>
  </ol>
  
  <p>To show tabs, I use jQuery code:</p>
  
  <pre class="lang-js prettyprint-override"><code>$('#myTab a').click(function (e) {
    $(this).tab('show');
  });
  </code></pre>
  
  <p>With this kind of a code the page scrolls to each div every time I click on a tab. If I add jQuery code line <code>e.preventDefault();</code> before <code>$(this).tab('show');</code> line which disables the scrolling, then comes the second problem - checkboxes doesn't check/uncheck any more.</p>
  
  <p>Any ideas, how to escape from both problems?</p>
  
  <p>Example with scrolling problem:
  <a href="http://jsfiddle.net/K9LpL/717/" rel="noreferrer">http://jsfiddle.net/K9LpL/717/</a></p>
  
  <p>Example with checkbox checking/unchecking problem:
  <a href="http://jsfiddle.net/K9LpL/718/" rel="noreferrer">http://jsfiddle.net/K9LpL/718/</a></p>