change img src with jQuery
<p>There are many answers on SO that show how to set an img src  with .attr in jQuery.  For some reason this is not working.</p>

<pre><code>&lt;img id="imgMap" style="position:absolute;bottom:7px;right:7px;width:250px;height:250px;" /&gt;

&lt;script&gt;
$(function () {   
    $("#imgMap").attr( 'src', 'http://maps.googleapis.com/maps/api/staticmap?center=41.886456,-87.62325&amp;zoom=14&amp;size=250x250&amp;sensor=false&amp;markers=color:blue%7Clabel:S%7C41.886456,-87.62325');
});
&lt;/script&gt;
</code></pre>

<p>But the exact same url put inline in the HTML works fine</p>

<pre><code>&lt;img id="imgMap2" runat="server" src="http://maps.googleapis.com/maps/api/staticmap?center=41.886456,-87.62325&amp;zoom=14&amp;size=250x250&amp;sensor=false&amp;markers=color:blue%7Clabel:S%7C41.886456,-87.62325" style="position:absolute;bottom:7px;right:7px;width:250px;height:250px;" /&gt;
</code></pre>
