title: Display image from directory using jQuery?
body: <p>I'm currently learning the basics of web development, but one thing I haven't encountered a solution for yet is getting an image from a directory using jQuery.
  If I have a checkbox defined as follows... </p>
  
  <pre><code>&lt;input id="check" type="checkbox"&gt;
  </code></pre>
  
  <p>... how can I get an image from a directory, and display it in a <code>&lt;div&gt;</code> based on the current state of the checkbox (without messing with the HTML)? What I've found so far is this, but this is simply for showing the existing contents of a <code>&lt;div&gt;</code>, correct?</p>
  
  <pre><code>$(document).ready(function(){
      $('#check').click(function(){
          if(!$(this).is(':checked')){
              ("div").show();
          }
      });
  });             
  </code></pre>
  
  <p>The reason I don't want to touch the HTML is that I want to gain a more in-depth understanding of the more powerful functions of jQuery (I don't want to build bad habits), but this is proving to be a difficult thing to do on my own. I'd really appreciate any help (or just some hints)!</p>
  
  <p>tl;dr: Checked box = image, unchecked = no image. jQuery only because of reasons.</p>