title: Ajax Request Returning Response Header In Result In Google Chrome
body: <p>I am getting Response Header on Ajax Request as a Result in Google Chrome for first time when request is sent, after this request ajax results correctly.
  Requests is working fine all time in Mozilla Firefox.</p>
  
  <p>Here is my Ajax code :</p>
  
  <pre><code>jQuery.ajax({
      type: "GET",
      url: "get_product_links.php?product_id="+productval,
      success: function(data){
          jQuery('#prodcut_links').html(data);
          jQuery('#product_title').hide();
      }
  });
  </code></pre>
  
  <p>Result Response is (Error: Getting this result in  ) : 
  �HTTP/1.1 200 OK Date: Wed, 06 Mar 2013 03:04:28 GMT Server: Apache Vary: Accept-Encoding Content-Encoding: gzip Content-Length: 525 Connection: close Content-Type: text/html ���Mo�0������0%��ر�n��k�^z,dYN�ْ!)u��G�YPt���I�߇�p�e����Fd�2.-�.�����Ee�i�l�s�T�t�)�u��P�ʳ��p��AY�L��˶<em>j�����ཧ:+�491?�L�O�/0] q��%���9��-'�j��zz�Ze,���uN|?莝aZt��V��kO��ǃQ�h�:������E ��l��3���f</em>��'�r�VI�Z�R��v�p�����#�Ø�b š�pg$zy��-���2��őv ��FQ�6��t���</p>
  
  <p>get_product_links.php Contains (Sucessfull Execution after first Request ):
  This file generating Simple HTML response using Database result.
  Response :</p>
  
  <pre><code>&lt;b&gt;&lt;div align='center' style='width:569px;color:#003486;' &gt;myproduct&lt;/b&gt; &amp;nbsp;&lt;a data-lightview-options="skin: 'light', width: 500" data-lightview-type="iframe" class="lightview rightmost" href="myorder.php" style="text-decoration:none" &gt;
  &lt;button type="button"&gt;ADD NEW ORDER&lt;/button&gt;
  &lt;/a&gt;&lt;/div&gt;
  &lt;b&gt; 
  </code></pre>
  
  <p>Please help me to solve this issue.</p>