removing cached information from ajax call in the modal dialog
<p>I am displaying a modal(bootstrap) dialog when a user clicks on a row of a table. Here is a small piece of code that I am using :</p>

<pre><code>.done (function (data_, textStatus_, jqXHR_) {
        $('&lt;pre/&gt;').html(doc_contents[1].text_content).appendTo('#employee_document_contents');
        $('#mydialog').modal("show"); 
        $('#mydialog').draggable(); 

});
</code></pre>

<p>The above code is grabbing a JSON value and displaying in the dialog. I am facing cache related problem I believe in my ajax call. The previous contents of the dialog are not getting removed and I have to basically clear the cache from my browser and click on a particular row again to see what I want to see.I tried using <code>cache : false</code>, doing this added a date based timestamp in the URL but still I saw old contents on my dialog. Some SO posts have suggested to destroy the modal but it won't open again I believe. Is there any better approach I can follow to make sure I don't see previous contents in my dialog? I am using chrome as my browser.</p>