title: Illegal invocation error in ajax (Jquery 1.7.1)
body: <p>I am trying to post an ajax request using jquery</p>
  
  <pre><code>var peName = document.getElementById("peName").value;
       var peSubName = document.getElementById("peSubName").value;
       var peDesc = document.getElementById("peDesc").value;
       var pePrice = document.getElementById("pePrice").value;
       var peCat = document.getElementById("peCat");   
       var pecatId = peCat.options[peCat.selectedIndex].value;
       var radioActive = getRadioValue("proeActive");
       var radioSpicy = getRadioValue("proeSpicy");
       var radioVeg = getRadioValue("proeVeg");
  $.post("/product/saveEditProduct",
              {  
                  peId    :   peId,
                  pecatId :   pecatId,
                  peName  :   peName,
                  peSubName  : peSubName,
                  peDesc : peDesc,
                  pePrice : pePrice,
                  radioActive : radioActive,
                  radioSpicy : radioSpicy,
                  radioVeg : radioVeg,
                },
  </code></pre>
  
  <p>but i am getting following error in firebug console.</p>
  
  <pre><code>Uncaught TypeError: Illegal invocation
  jQuery.extend.param.add         jquery-1.7.1.js:7601
  buildParams             jquery-1.7.1.js:7658
  buildParams             jquery-1.7.1.js:7653
  buildParams             jquery-1.7.1.js:7653
  jQuery.extend.param         jquery-1.7.1.js:7621
  jQuery.extend.ajax          jquery-1.7.1.js:7467
  jQuery.each.jQuery.(anonymous function) jquery-1.7.1.js:7106
  editSaveProduct             order-1.0.js:682
  </code></pre>
  
  <p>I am new to jquery and have no idea what is it?</p>