title: Simple jQuery AJAX request not working in Chrome (with error message)
body: <p>Here is the AJAX method that works in Safari, but not in Chrome. Error message follows.</p>
  
  <pre><code>$(document).ready(function(){
    $('.infobutton').click(function(){
      $.ajax({
        url: 'http://apps.nlm.nih.gov/medlineplus/services/mpconnect_service.cfm',
        data: {
          'mainSearchCriteria.v.cs': $(this).attr('data-code-system'),
          'mainSearchCriteria.v.c':  $(this).attr('data-code')
        },
        dataType: 'xml',
        async: false,
        method: 'GET',
        success: function(data){
          console.log('success');
          console.log(data);
        },
        done: function(data){
          console.log('done');
          console.log(data);
        },
        error: function(data){
          console.log('error');
          console.log(data.error());
        }
      });
    });
  });
  </code></pre>
  
  <p>The console output gives the <code>statusText</code> in the <code>error</code> callback as this: <code>"Error: NetworkError: DOM Exception 19"</code>. <a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMException" rel="nofollow noreferrer">This link</a> talks about DOM Exception 19, but that just says <code>NETWORK ERROR</code>. Not helpful.</p>
  
  <p>I know from other research that Chrome has known issues with security, XSS, etc. </p>
  
  <p>I've tried every suggestion in <a href="https://stackoverflow.com/questions/3043376/jquery-ajax-ajax-not-working-on-chrome-please-help">this</a> SO post, as well as <a href="https://stackoverflow.com/questions/3110452/jquery-simple-ajax-request-not-working">this one</a>. No luck.</p>
  
  <p>Going directly to the URL with that query string works. You can view it <a href="http://apps2.nlm.nih.gov/medlineplus/services/mpconnect_service.cfm?mainSearchCriteria.v.cs=2.16.840.1.113883.6.103&amp;mainSearchCriteria.v.c=493.22" rel="nofollow noreferrer">here</a>.</p>
  
  <p>Also notice that this isn't part of an application. The html is literally just <code>&lt;button class="infobutton"&gt;Click Me&lt;/button&gt;</code>. This is just a proof of concept to get the AJAX working.</p>
  
  <p><strong>UPDATE</strong> 
  I can also confirm that I get this same error both locally (using the <code>file:///</code> protocol), and remotely, working on a dev server.</p>