title: jquery click prevent going to top of page
body: <p>I have a number of images on my page. Some are at the bottom of the page which requires scrolling. What I am finding is that when I click on the image which in turn turns into a video  it makes me to go the top of the page.</p>
  
  <p>Here is the code I  have:</p>
  
  <pre><code>$('#videoconner').click(function () {
       $(this).replaceWith('&lt;iframe width="280" height="164" src="http://www.youtube.com/embed/6kR2n4344UCAU?autoplay=1&amp;cc_load_policy=1&amp;rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;');
  });
  </code></pre>
  
  <p>I added : </p>
  
  <pre><code>e.preventDefault();
  </code></pre>
  
  <p>but that did not help. </p>
  
  <p>Is there anyway to prevent from going to the top of the page?</p>