title: Chosen.js multiple select values in javascript
body: <p>I am using chosen.js to create a multiple select, but instead of processing the form in php, I am trying to use javascript to parse the values. My problem is that I cannot figure out how to retrieve the values from the multiple select.</p>
  
  <p>I create the select with:</p>
  
  <pre><code>&lt;select data-placeholder="Select a category..." name="categories[]" multiple style="width: 350px" class="chzn-select"&gt;
  </code></pre>
  
  <p>and attempt to get the selected values using these javascript calls:</p>
  
  <pre><code>$('.chzn-select').chosen().val();
  </code></pre>
  
  <p>returns null </p>
  
  <p>and</p>
  
  <pre><code>$('.chzn-select').chosen().val(0);
  </code></pre>
  
  <p>returns</p>
  
  <p><code>{"0":{"jQuery19109988393174677814":730},"length":1,"prevObject":{"0":       {"jQuery19109988393174677814":1,"location":{}},"context":{"jQuery19109988393174677814":1,"location":{}},"length":1},"context":{"jQuery19109988393174677814":1,"location":{}},"selector":".chzn-select"}</code></p>
  
  <p>using <code>JSON.stringify()</code></p>