Why are my images broken when loaded via JavaScript?
<p>I have just uploaded my first 'website' (html+js) to a web server, and my images that are loaded via JavaScript are suddenly broken. (They worked on my local computer.)</p>

<p>I used relative paths (no path at all, since the images are in the same folder as .html and .js files). Static images that are encoded directly in html file are showing, but those loaded dynamically, via JavaScript do not show up. Any ideas why?</p>

<hr>

<p>Sorry, I thought this could be something general, independent of JS. My very simplified piece of code for showing images:</p>

<pre><code>$("#show_image").click(function(){
            $('#test1').append('&lt;img src="a.jpg"&gt;');
        });
</code></pre>

<p>'show_image' is a button, #test1 is a div</p>
