title: Enlarge image by clicking on it using jQuery
body: <p>How do I enlarge an image by clicking on it using jQuery. I'm pretty new to this and feel like I'm going in circles, please help.
  Thanks!</p>
  
  <p>Here's the HTML portion:</p>
  
  <pre><code>  &lt;div class="box"&gt; 
      &lt;img id="image1" src="css/images/smallknife.png"&gt; 
      &lt;p&gt;$50.00&lt;/p&gt; 
    &lt;/div&gt; 
  
  &lt;div id="dialog" style="display: none;"&gt; 
    &lt;img src="css/images/smallknife.png"&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is the jQuery portion</p>
  
  <pre><code>$('#image1').click(function(){
          $("#dialog").dialog();
      });   
  </code></pre>