title: Chrome ignoring jquery click function
body: <p>I have the following html/code that works fine in IE but when I click the link in Chrome, nothing happens.
     The HTML is as follows:</p>
  
  <pre><code>&lt;h1 id="pagetitle"&gt;Daina - kora dziesmu kr&amp;#257jums&lt;/h1&gt;
  &lt;div class="frontpage"&gt;
  &lt;p id="arvilcinu"&gt;&lt;a href=""&gt;Ar vilci&amp;#326u R&amp;#299ga braucu&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--***************** Ar Vilcinu *******************--&gt;
  &lt;div id="arvilcinudisplay" class="singlesong"&gt;
  &lt;p&gt;&lt;a href="Ar vilcinu riga braucu.pdf"&gt;Click here to download PDF file for printing&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;&lt;a href="http://www.youtube.com/watch?v=XuRxjjEaJVQ" target="_blank"&gt;Click here to watch the video - sung by Daina&lt;/a&gt;&lt;/p&gt;
  &lt;p id="back"&gt;&lt;a href=""&gt;&lt;img src="backbutton.jpg" alt="Back to Main menu" height="40" width="100"&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The jquery bit of script is as follows:</p>
  
  <pre><code>$("#arvilcinu").click(function(){
      $(".frontpage").fadeOut(1000,function(){
          document.getElementById("pagetitle").innerHTML = "Ar vilci&amp;#326u R&amp;#299ga braucu";
          $("#arvilcinudisplay").css("display","block");
      });
  });
  </code></pre>
  
  <p>The idea is that when the user clicks the link (id=arvilcinu) that the link fades out and the relevant info is then displayed. Clicking the link in Chrome just makes the screen flash for a second but nothing on the screen changes.</p>
  
  <p>Thanks</p>