title: How to make first option a default value in dropdown using Jquery-Chosen plugin
body: <p>I have a dropdown whose value I need to default to a first value available in the dropdown option.</p>
  
  <p>Js:</p>
  
  <pre><code>$('#chosen').find('ul.active').find('li.child') // will return me an array of options.
     [
       &lt;li class="child" data-option-array-index="1"&gt;Abs&lt;/li&gt;
       &lt;li class="child" data-option-array-index="2"&gt;Abg&lt;/li&gt;
       &lt;li class="child" data-option-array-index="3"&gt;Abk&lt;/li&gt;
     ]
  </code></pre>
  
  <p>I tried to default it to the first value by doing:</p>
  
  <pre><code> $('#chosen').find('ul.active').find('li.child').attr('data-option-array-index').prop('selected', true);
  </code></pre>
  
  <p>But this returns an error. I'm not sure how to select a value for default when the dropdown options are a result of array.
  Any ideas?</p>