title: jQuery plugin for international phone numbers: flags and phone placeholder missing
body: <p>I'm using <a href="https://github.com/Bluefieldscom/intl-tel-input" rel="nofollow">intl-tel-input</a>, jQuery plugin for international phone numbers, for one of my projects. The plugin claims to "Automatically set the input placeholder to an example number for the selected country", but I can't get that to work properly. So far I tried 2 things: </p>
  
  <p>1) I downloaded the library and referenced one of its JS files from my code ( similar to <a href="https://github.com/Bluefieldscom/intl-tel-input/blob/master/demo.html" rel="nofollow">the demo</a>). Here's a snippet of my JS file:</p>
  
  <pre><code>  $("#phone").intlTelInput({
      allowExtensions: false,
      autoFormat: true,
      autoHideDialCode: false,
      autoPlaceholder: true,
      defaultCountry: "ng",
      ipinfoToken: "yolo",
      nationalMode: true,
      numberType: "MOBILE",
      onlyCountries: ['ng', 'us', 'gb'],
      preferredCountries: [],
      utilsScript: "/projects/intl-tel-input-master/lib/libphonenumber/build/utils.js" 
    });
  </code></pre>
  
  <p>but I got the following error in the JS console of Chrome: </p>
  
  <blockquote>
    <p>XMLHttpRequest cannot load file:///projects/intl-tel-input-master/lib/libphonenumber/build/utils.js. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.</p>
  </blockquote>
  
  <p>2) I put the library folder on a server and referenced utils.js file with server url (<a href="http://web.mit.edu/aizhan/www/intl-tel-input-master/lib/libphonenumber/build/utils.js" rel="nofollow">http://web.mit.edu/aizhan/www/intl-tel-input-master/lib/libphonenumber/build/utils.js</a>). This still doesn't work on my machine, but it works in codepen with HTTP protocol but not with HTPPS: </p>
  
  <p>HTTP: <a href="http://codepen.io/atoregozh/pen/raEPbv" rel="nofollow">http://codepen.io/atoregozh/pen/raEPbv</a><br>
  HTTPS: <a href="https://codepen.io/atoregozh/pen/MYMLXv" rel="nofollow">https://codepen.io/atoregozh/pen/MYMLXv</a></p>
  
  <p>My overall question: how could I make the library work locally? I also have 2 subquestions: 1) How to fix the error about XMLHttpRequest loading? (I read about it before from other posts on stackoverflow and I don't want to mess with the security settings); 2) Why the code works through HTTP but not through HTTPS?</p>
  
  <p>I would really appreciate your help. If you want to see the actual project code, <a href="https://github.com/kesiena115/HackDartmouth/blob/master/index.html" rel="nofollow">the index.html file is here</a> and <a href="https://github.com/kesiena115/HackDartmouth/blob/master/js/hack-dartmouth.js" rel="nofollow">Javascript file is here</a> </p>