Converting ajax to Jquery

[dk4210]

Hello Guys,

 

I need some help converting this ajax call to  jquery but I am clueless to how to do it.. Please advise

 

Here is my code

 

<script type="text/javascript">
  function loadXMLDoc(imgID,isSold,order)
  {
  if(isSold == 1)
  $('.soldWatermark').css('display','');
  else
  $('.soldWatermark').css('display','none');
  var xmlhttp;
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
  else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

  }
  }
  xmlhttp.open("GET","artist_title.php?imgid=" + imgID ,true);
  xmlhttp.send();
  }



</script>

 

The reason I want to change it to jquery is because I am seeing a strange error.

 

When loading my site in IE - http://frameworksgallery.com/view_artist2.php?artist_id=Baskin_Fran

 

1. I click on the second thumbnail.

2. I click on the third thumb

3. I go back to the second thumb

 

The large image does not display after re clicking.

 

IE web developer tool says it is this that it's having an issue with

 

xmlhttp=new XMLHttpRequest();

 

 

 

Thanks in advance..

[AyKay47]

$.ajax({
    url: "artist_title.php",
    data: "imgid=" + imgID,
    success: function(data)
    {
        $("#myDiv").html(data);
    }
});

[dk4210]

Thank you that worked!