title: JQuery .click() works in Firefox but not chrome or IE
body: <p><em><strong>EDIT: Just to be clear, it's not the jsfiddle that I have a problem with. That works fine for me in all browsers, it's the actual implementation on my website which uses the exact code below.</em></strong></p>
  
  <p>I have a block of 8 dynamically-generated YouTube thumbnails on a page, and a player div. When I click on one of the thumbnails, I want the associated video to ajaxly play in the player div. The following code works in FF, but not IE or Chrome.</p>
  
  <pre><code>$(document).ready(function(){
  
  
      $('.vidlink').click(function (event) {
              event.preventDefault();
              var addressValue = $(this).attr("href");
              alert(addressValue);
  
              iFrame = "&lt;iframe width=\"560\" height=\"315\" src=\"http://www.youtube.com/embed/"+addressValue+"\" frameborder=\"0\" allowfullscreen&gt;&lt;/iframe&gt;";
  
  
              newDiv = "&lt;div id=\"vidPlayer\"&gt;" + iFrame + "&lt;/div&gt;";
  
  
              $('#vidPlayer').replaceWith(newDiv);
  
          });
  
  }); 
  </code></pre>
  
  <p><a href="http://jsfiddle.net/7veM6/13/" rel="nofollow">This is pretty much what I'm trying to do (JSFiddle).</a></p>
  
  <p>It did not work in FF either, until I changed the double-quotes surrounding <code>$('.vidlink')</code> to single quotes. I tried that with the <code>$(this).attr("href")</code> but that broke it again on FF.</p>