title: How to add country code with mobile number input field
body: <p>I need to add country code in mobile number input field prefix. I have tried the below code. </p>
  
  <pre class="lang-html prettyprint-override"><code> &lt;script&gt;
     var telInput = $("#mobile"),
     errorMsg = $("#error-msg"),
     validMsg = $("#valid-msg");
  
     // initialise plugin
     telInput.intlTelInput({
  
     allowExtensions: true,
     formatOnDisplay: true,
     autoFormat: true,
     autoHideDialCode: true,
     autoPlaceholder: true,
     defaultCountry: "in",
     ipinfoToken: "yolo",
  
     nationalMode: false,
     numberType: "MOBILE",
     //onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
     preferredCountries: ['sa', 'ae', 'qa','om','bh','kw','ma'],
     preventInvalidNumbers: true,
     separateDialCode: false,
     initialCountry: "in",
     geoIpLookup: function(callback) {
     $.get("http://ipinfo.io", function() {}, "jsonp").always(function(resp) {
       var countryCode = (resp &amp;&amp; resp.country) ? resp.country : "";
       callback(countryCode);
      });
   },
      utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/js/utils.js"
   });
  
   var reset = function() {
     telInput.removeClass("error");
     errorMsg.addClass("hide");
     validMsg.addClass("hide");
   };
  
   // on blur: validate
   telInput.blur(function() {
     reset();
     if ($.trim(telInput.val())) {
       if (telInput.intlTelInput("isValidNumber")) {
         validMsg.removeClass("hide");
       } else {
         telInput.addClass("error");
         errorMsg.removeClass("hide");
       }
     }
   });
  
   // on keyup / change flag: reset
   telInput.on("keyup change", reset);
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I have tried and it is working. But I can submit mobile number without country code, and that should not be. The country code should not be editable. </p>
  
  <p>I have used below js and css:</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/css/intlTelInput.css" rel="stylesheet" media="screen"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/js/intlTelInput.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/js/intlTelInput.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/js/utils.js"&gt;&lt;/script&gt;
  </code></pre>