changing div content does not work in internet exlporer help.
i am having a problem with internet explore with conent not changing in a div. it works in firefox, safarie, and chrome. i am using ie9. what i am trying to do is. i have a side bar with links to videos, i then have a main viewing area for the video. a person clicks one of the links and the video changes. here is a link to show what i am doing www.michaelkazlauskas.com/arcticninja
here is the code i am using:
<script type="text/javascript">
function swapContent(cv) {
var url = "random.php";
$.post(url, {contentVar: cv}, function (data) {
$("#myElement").html(data).show();
})};
</script>
<div id="myElement">
<script type="text/javascript">
jwplayer('myElement').setup({ file: 'http://michaelkazlauskas.com/arcticninja/videos/tubing.flv',
image: 'http://michaelkazlauskas.com/arcticninja/images/tubing.jpg',
width: '530',
height: '330'
});
</script>
</div>
</div>
<div id="sidebar">
<ul>
<li><a href="#" onClick="return false" onmousedown="javascript:swapContent('vid1');"><img src="http://michaelkazlauskas.com/arcticninja/images/tubing.jpg" alt="Tubing" width="120" height="90">Tubing</a></li>
<li><a href="#" onClick="return false" onmousedown="javascript:swapContent('vid2');"><img src="http://michaelkazlauskas.com/arcticninja/images/shanty.JPG" alt="Iceshanty" width="120" height="90">Ice Shanty</a></li>
<li><a href="#" onClick="return false" onmousedown="javascript:swapContent('vid3');"><img src="http://michaelkazlauskas.com/arcticninja/images/2012hillclimb.JPG" alt="Hill Climb" width="120" height="90">Hill Climb</a></li>
</ul>
</div>
i get an error. SCRIPT65535: Unexpected call to method or property access.
jquery-1.5.1rc1.js, line 5093 character 5
can you help???