title: No 'Access-Control-Allow-Origin' header but no access to API
body: <p>I'm trying to use the UK Parliament API but I'm hitting this error:</p>
  
  <blockquote>
    <p>XMLHttpRequest cannot load <a href="http://findyourmp.parliament.uk/api/search?q=london&amp;f=js" rel="nofollow">http://findyourmp.parliament.uk/api/search?q=london&amp;f=js</a>. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<a href="http://example.com" rel="nofollow">http://example.com</a>' is therefore not allowed access.</p>
  </blockquote>
  
  <p>I know what it means, but there's no JSONP option and I can't edit Parliament's API. How can I get around this? Could I route the request through a PHP file on my server that I can allow access to or would that not solve the problem?</p>
  
  <p>Here's my code:</p>
  
  <pre><code>var search_term = $('#input').val();
  var url = 'http://findyourmp.parliament.uk/api/search?q=' + search_term + '&amp;f=js';
  
  $.getJSON(url, function(jd) {
      $('#div').html('&lt;p&gt;Constituency: ' + jd.constituency_name + '&lt;/p&gt;');
  });
  </code></pre>
  
  <p><strong>EDIT</strong></p>
  
  <p><a href="http://findyourmp.parliament.uk/api" rel="nofollow">API here.</a></p>