Let me try to simplify the question....
why does
<script>$(document).ready(function(){ $("#SDP").click(function(){ $("#div1").load("image_control.html"); }); }); </script>
work and load, at least in my editor it later fails to load the html in Chrome.
and why does
<script> $(document).ready(function(){ $("#LHS").click(function(){ $("#div2").load("heard_size.html"); alert('LHS'); });});</script>
fail, and only the alert portion works?