title: How to use jQuery Ajax to get form data
body: <p>Experts,</p>
  
  <p>In a MVC project we have a form which opens up with Jquery Windows.open() like this -</p>
  
  <pre><code>window.open(url, '_blank', 'width=700,height=700,left=' + left + ',top=' + top);
  </code></pre>
  
  <p>The url is defined as -</p>
  
  <pre><code>var url = configMap.sitePath + 'supply-chain-pressure/EmailRequest';                                                    // localhost/controller/method
  
  url += '?id=' + escape(params.id) + '&amp;weakness=' + escape(params.weakness) + '&amp;&amp;percent=' + escape(params.percent);
  </code></pre>
  
  <p>The form starts like -</p>
  
  <pre><code>&lt;form name="emailrequest" id="emailrequest" method="get"&gt;
  .. diffrent elements
  &lt;/form&gt;
  </code></pre>
  
  <p>The above form has a diffrent text boxes and on the click of submitt button we want to get the val of all</p>
  
  <p>the text boxes and the above mentioned url . I am using Jquery ajex Get() (with in the click of submit button) but all I get is mark up and HTML -</p>
  
  <pre><code>$.ajax({
  type: "GET",
  url: sitePath + 'supply-chain-pressure/EmailRequest',
  data: $('#emailrequest').value,
  success: function(data) {
  alert(data);
  }
  
  });//End Ajax
  </code></pre>
  
  <p>the overall ask is to send the data to another controller methoda but before that I need the above data.Please help as to how can I get the data ?</p>