Append image with jQuery producing a 404 error
<p>I have a very strange occurring happening when trying to append an image on click. the following is running on <a href="http://www.studentsfirstmn.com" rel="nofollow">http://www.studentsfirstmn.com</a></p>

<pre><code>// submit form
$('.submit_me').on({
     click: function(event) {
         event.preventDefault ? event.preventDefault() : event.returnValue = false;
         $.this_button = $(this);
         $.randomnumber=Math.floor(Math.random()*11)
         $.new_button = '&lt;a id="'+ $.randomnumber +'" class="disabled"&gt;&lt;span&gt;Submitting&lt;/span&gt;&lt;/a&gt;';
         $.this_button.after($.new_button);
         $('#'+$.randomnumber +' span').prepend('&lt;img src="/content/images/theme/icons/form_submit-loader.gif" align="absmiddle" /&gt;');
         $.this_button.hide();
         $(this).closest('form').submit();
         return false;

    }
</code></pre>

<p>Running this on the live side of my site I get a 404 error when trying to append the form_submit-loader.gif image on click. The strange thing is that I have an exact duplicate of this site code where I do my development, which is behind a .htpasswd, and I get no error loading it on that side. Directly linking to the image in question works fine though <a href="http://www.studentsfirstmn.com/content/images/theme/icons/form_submit-loader.gif" rel="nofollow">http://www.studentsfirstmn.com/content/images/theme/icons/form_submit-loader.gif</a></p>

<p>Any thoughts? </p>
