I have the following code on a website in a test search page associated with a search filter on the page:

 

${esc.d}('${esc.h}productSearchResults').empty();
${esc.d}('${esc.h}productSearchResults').load('test-ajax-products-page.html ${esc.h}testDataResults');

 

The first time in it works almost perfectly with most of the expected data coming back from the "#testDataResults" div of the "test-ajax-products-page.html" page which is a target test page. The second or more times that the search filter is executed the destination "#productSearchResults" div on the original test search filter page remains unchanged even though the JQuery request seems to still be working ok. So my question is why is my destination div "#productSearchResults" on my test search page not displaying the new html data coming back from the test  query page ("test-ajax-products-page.html") which I can see coming back properly by displaying them in an alert? I'm assuming that I probably have a syntax or other type of error, in my code, but have not yet been able to figure it out, especially since it does seems to work properly the first time in.