title: How to tell if an image is loaded or cached in JQuery?
body: <p>Seems the .load() function doesn't fire if the image has been cached before. So if you want to make sure one images has loaded before you load and show another (i.e. Magnifier) you can't do something like:</p>
  
  <pre><code>$(img_to_load_first)
      .load(
          $(img_to_load_last)
              .src("2nd.png");
      )
      .src("1st.png");
  </code></pre>
  
  <p>So how does one ensure loading order in JQuery?</p>