title: How to bind <select> from list of comma separated values in JQuery?
body: <p>How we can bind select tag with variable data?..</p>
  
  <p>Here is my sample code here. <br></p>
  
  <pre><code>&lt;script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script&gt;
  var google.language.Languages = {
    'AFRIKAANS' : 'af',
    'ALBANIAN' : 'sq',
    'AMHARIC' : 'am',
    'ARABIC' : 'ar',
    'ARMENIAN' : 'hy',
    'AZERBAIJANI' : 'az' ...
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I want Bind my select tag using above languages</p>
  
  <pre><code>&lt;select id="langsel" name="selector"&gt;
          &lt;option value=""&gt;Select a language&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>How to bind "<strong>langsel</strong>" select with above variable.?</p>
  
  <p><strong>I need output like below</strong> : <br></p>
  
  <pre><code> &lt;select id="langsel" name="selector"&gt;
              &lt;option value=""&gt;Select a language&lt;/option&gt;
              &lt;option value="af"&gt;AFRIKAANS&lt;/option&gt; 
              ....
      &lt;/select&gt;
  </code></pre>