title: Retrieve Bootstrap country picker selected value
body: <p>I use Bootstrap form helper country picker to list countries, and I want to retrieve the selected value to insert it in a db table. How can I retrieve the selected value?</p>
  
  <pre><code>&lt;div id="country" class="bfh-selectbox bfh-countries" data-country="US" data-flags="true"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried to send it using jQuery, but nothing retrieved, I don't know where the selected option is saved!</p>
  
  <pre><code> $("#reg_form").on("submit", function () {
          var hvalue = $('#country').attr('data-country');
          $(this).append("&lt;input type='hidden' name='country' value=' " + hvalue + " '/&gt;");
      });
  </code></pre>
  
  <p>Link for the country picker example 4:
  <a href="http://bootstrapformhelpers.com/country/#jquery-plugins" rel="nofollow">http://bootstrapformhelpers.com/country/#jquery-plugins</a></p>