reload page to reflect changes
<p>I've my jquery code</p>

<pre><code>.ajax({
            type: "POST",
            url: "crop/crop.php",
            data: dataString,
            cache: false,
            success: function(data){
                $('#popupMargin').hide();
                $('#avatar img').remove();
                $('#avatar').load('crop/dp.php');
                //$('#avatar').hide();

            }
        });
</code></pre>

<p>Now</p>

<pre><code>//Codes in the file loaded (`dp.php`) called by jQuery above

    &lt;?php session_start(); ?&gt;
    &lt;!-- To display display picture just after croppping --&gt;
    &lt;img src="users/&lt;?php echo $_SESSION['userId']; ?&gt;/img/dp.jpg" width="150"&gt;
</code></pre>

<p>The above ajax is called whenever I clicked a button <code>#btn</code>. The file <code>crop.php</code> crops an image and saves it at the same location and same name as seen above in the <code>dp.php</code>.</p>

<p>So it means, everytime the user clicks on the button <code>#btn</code>, the image is changed. I want the change to be reflected  as <code>$('#avatar').load('crop/dp.php');</code> is called in the jQuery code above; however, I'm not sure if it's some kind of caching that the old image still shows up.</p>

<p>Does <code>.load()</code> reloads the page? How do I make sure that the change (updated image) is shown instead of the old one??</p>
