title: Chrome - "Trying to load script from unauthenticated sources"
body: <p>I'm having some issues with my website. It runs and renders just fine, but I get the blocked scripts icon at the top right of the address bar. I don't want users to see this pop up when visiting the site. I can press "load unsafe scripts", which will make it go away but then my site is no longer https. I've tried rearranging the lines and tried other things as well in my html but I can't seem to find a solution. 
  The site uses bootstrap as well as 2 of my own CSS files and 1 JavaScript file.
  Below is HTML head tag. And below that are the errors that Chrome is showing. Does anyone understand why this is happening?</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="utf-8"&gt; 
      &lt;meta name="keywords" content="NASA,JPL,near,earth,objects,asteroid,meteor,neo,neowise,api,opendata"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;Nearing Earth&lt;/title&gt;
  
      &lt;!-- Lines necessary for Bootstrap--&gt;
      &lt;script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;!-- Latest compiled and minified CSS --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
      &lt;!-- Optional theme --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;
      &lt;!-- Latest compiled and minified JavaScript --&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
  
      &lt;!--My files--&gt;
        &lt;link rel="stylesheet" href="neoRules.css"&gt;
      &lt;link rel="stylesheet" src="neoStyles.css"&gt;
      &lt;link rel="icon" type="image/ico" href="favicon.ico"/&gt;
      &lt;script src="https://nearingearth.com/neoFunctions.js" type="text/JavaScript"&gt;&lt;/script&gt;
  
        &lt;!--[if lt IE 9]&gt;
        &lt;script src="/js/html5shiv.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script src="/js/respond.min.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;![endif]--&gt;
    &lt;/head&gt;
  </code></pre>
  
  <p>Error 1:</p>
  
  <blockquote>
    <p>Mixed Content: The page at '<a href="https://nearingearth.com/" rel="nofollow noreferrer">https://nearingearth.com/</a>' was loaded over
    HTTPS, but requested an insecure script
    '<a href="http://code.jquery.com/jquery-latest.min.js" rel="nofollow noreferrer">http://code.jquery.com/jquery-latest.min.js</a>'. This request has been
    blocked; the content must be served over HTTPS.</p>
  </blockquote>
  
  <p>Error 2:</p>
  
  <blockquote>
    <p>Uncaught Error: Bootstrap's JavaScript requires jQuery
        at bootstrap.min.js:6</p>
  </blockquote>