Enlarge image by clicking on it using jQuery
<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>
