title: Cross Origin request - what am I missinG
body: <p>I have a page being served over https, say "example.com/page.php"</p>
  
  <p>In that page is a jquery ajax call:</p>
  
  <pre><code>$.ajax({
      url : "http://example.com/print/printReceipt.php",
      dataType:"jsonp",
      success:function(data)
      {
          alert("Success!");
      }
  });
  </code></pre>
  
  <p>The "print" directory has an .htaccess file that includes:</p>
  
  <pre><code>Header always set Access-Control-Allow-Methods "POST, GET, PUT, OPTIONS, PATCH, DELETE" 
  Header always set Access-Control-Allow-Origin *
  </code></pre>
  
  <p>The jquery always returns a the error:</p>
  
  <blockquote>
    <p>Mixed Content: The page at '...' was loaded over HTTPS, but requested an insecure script '...?callback=jQuery300107312130929496792_1478818377085&amp;_=1478818377088'. This request has been blocked; the content must be served over HTTPS.</p>
  </blockquote>
  
  <p>What am I missing?</p>