How to build a relationship with live change function and external photo changing in jQuery?
<p>I'm currently using the following function to set a timeout inside of a change event for a HTML select option...</p>

<pre><code>jQuery(function($) {
var mselect = $("#myselect");
mselect.live('change',function () {
window.setTimeout(function () {
console.log("the new value is now: "+nextQuery(".nextSKU").text());
},3000);
});
});
</code></pre>

<p>I'm pretty much writting out a sku number for an item every time my select option changes, and a setTimeOut for a delay effect.  But how can I replace my setTimeOut for something more efficient...meaning, I want to execute console.log(....), when the src of my product image updates. How can I do this if my image element looks like this...</p>

<pre><code>&lt;img id="imgLargeImageImage" class="nextProdImage" itemprop="image" src="http://.../.../.../SHT-GD-M-SM1.jpg" alt="Gold Shirt"&gt;
</code></pre>

<p>When the image changes based on the select you choose, the &lt; img > tag will change the src like this...</p>

<pre><code>&lt;img id="imgLargeImageImage" class="nextProdImage" itemprop="image" src="http://.../.../.../SHT-GD-N-394.jpg" alt="BLUE Shirt"&gt;
</code></pre>

<p>Thanks for any advice!</p>
