document.getElementById('').src == ??? (is equal to FAIL)
<p>My javascript is</p>

<pre><code>function changeImage(imgID) {
var baseurl = "media/images/";
if (document.getElementById(imgID).src == baseurl+"selection-off.png") {
    alert('Success');
    document.getElementById(imgID).src = baseurl+"selection-no.png"; }
else {
    alert('Fail'); } }
</code></pre>

<p>and my HTML is</p>

<pre><code>&lt;div id="mustard" class="checkbox"&gt;&lt;img id="mustard-img" class="no-off" src="media/images/selection-off.png" alt="checkbox" onClick="changeImage('mustard-img')" /&gt;&lt;/div&gt;
</code></pre>

<p>I always get Fail when clicking the image. I must be missing something really elementary.</p>
