title: Making Chosen Dropdown Read only (not disabled)
body: <p>I'm looking to make a <a href="https://harvesthq.github.io/chosen/" rel="noreferrer">chosen</a> dropdown menu read only, and I need to do this dynamically using a jQuery selector. If I set it to disabled using:</p>
  
  <pre><code>$("#dropdownDepartment").attr("disabled","disabled").trigger('chosen:updated');
  </code></pre>
  
  <p>the value isn't POSTed but I need it to be. </p>
  
  <p>I have tried </p>
  
  <pre><code>$("#dropdownDepartment").attr('readonly',true).trigger('chosen:updated');
  </code></pre>
  
  <p>but this doesn't work.</p>
  
  <p>I'm using <code>Chosen v1.4.2</code> and <code>jQuery v2.1.4</code>.</p>
  
  <p>Help appreciated! Thank you.</p>