title: jQuery: image doesn't load when using a asp.net masterpage
body: <p>I'm stuck on this and it's pretty wierd.</p>
  
  <p>First, this part works perfect when I place it on a blank .aspx page. On mouse hover, alert msg pops up and then the image turns blue.</p>
  
  <pre><code>&lt;script type="text/javascript" src="../../Scripts/SelectCanvas.js"&gt;&lt;/script&gt;
  &lt;asp:Image ID="imageMain" runat="server" ClientIDMode="Static" Height="300px" 
      Width="300px" /&gt;
  </code></pre>
  
  <hr>
  
  <p>(jquery code is in SelectCanvas.js)</p>
  
  <pre><code>$("#imageMain").hover(
  function () {
      alert("main");
      $("#imageMain").prop("src", "../../images/selectCanvas/blue.gif");
  });
  </code></pre>
  
  <p>I put the same image control in an .aspx file that uses a masterPage. Both .aspx files are in the same directory and both reference the same jQuery file. However, on mouse over, the alert msg pops up, but then the image does not turn blue ... ???</p>
  
  <p>I've spent 1/2 day on this and am at a loss on this quirk ... tips are greatly appreciated ... thanks.</p>