jquery load cache
<p>I Have a jquery click event which loads a html form into a div using .load()</p>

<p>the form snippet has a reference js file which redefines the js while also populating the form inputs with ajax responses.</p>

<p>when i click save on the form the div is then loaded (using .load) a view version of what was saved.</p>

<p>If I click on edit again to instigate the first action I mentioned, the load is executed but the javascript reference is not reloaded so the ajax population doesnt kick in</p>

<p>Any solutions?</p>

<pre><code>&lt;script type="text/javascript" src="js/controls.js"&gt;&lt;/script&gt;
</code></pre>

<p>EDIT: adding code</p>

<pre><code>function populate() {
        var index = 1;
        $("#list").html("&amp;nbsp;");
        for (item in object) {
            var html ='blah';
            $("#list").append(html);

            $(".item").live('click',
                function() {
                    $("#container").load("./html-includes/file.html?ver="+ver, function () {
                        apiCall.getData(referenceId);
                        alert('callback'+$rootScope.currentPage);
                    });
                }
            );
            index++;
        };
    }
</code></pre>

<p>in this case file html has the javascript reference previously mentioned which has a debug alert in it which isnt filring on the second call to the .load</p>
