element ID's in HTML

<section>
<ul class="link-list" id="menu">
  <li><a href="addProduct" rel="addProduct">Add New Product</a></li>
  <li><a href="modifyProduct" rel="modifyProduct">Modify Products</a></li>
  <li><a href="removeProduct" rel="removeProduct">Remove Product</a></li>
</ul>
</section>

$(document).ready(function(){
      $('#menu a').click(function(){
        $('.content').hide();
        handleNewSelection.apply($("#menu"));
        $('#'+this.rel+'').show();
      return false;
      });
      $('.content input.close').click(function(){
        $(this).parent().hide();
      });
    });

    hideAllDivs = function () {
      $("#addProduct").hide();
      $("#modifyProduct").hide();
      $("#removeProduct").hide();
    };

    handleNewSelection = function () {
      hideAllDivs();
    };

    $(document).ready(function() {
      handleNewSelection.apply($("#menu"));
    });

function getDetails(){
    var productCode = document.getElementById('productCode').value;

  $.ajax({ type: "POST",
      url: './produceProductImage.php',
      data: 'productCode='+productCode,
      success : function(data) {
        $("#productImageName").html(data);
    }
    });

  var geturl = "_getXML.php?productCode="+productCode ;

  downloadUrl(geturl, function(data) {
    var xml = data.responseXML;
    var markers = xml.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      var productName = markers[i].getAttribute("productName");
    var productDescription = markers[i].getAttribute("productDescription");
    var productPrice = markers[i].getAttribute("productPrice");
      var category = markers[i].getAttribute("category");
    var active = markers[i].getAttribute("active");
    var featured = markers[i].getAttribute("featured");

    document.getElementById("productName").value=productName;
    document.getElementById("productDescription").value=productDescription;
    document.getElementById("productPrice").value=productPrice;
    document.getElementById("category").value=category;
    if (active === "1") {
      document.getElementById("active").value='Yes';
      } else { document.getElementById("active").value='No'; }
    if (featured === "1") {
      document.getElementById("featured").value='Yes';
      } else { document.getElementById("featured").value='No'; }
    }
  });
}

  function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
        new ActiveXObject('Microsoft.XMLHTTP') :
        new XMLHttpRequest;

      request.onreadystatechange = function() {
      if (request.readyState == 4) {
        request.onreadystatechange = doNothing;
        callback(request, request.status);
      }
      };

      request.open('GET', url, true);
      request.send(null);
    }

    function doNothing() {}