Hidden value not working in Chosen

by Vijay Pancholi

HTML

<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css" rel="stylesheet" type="text/css" />

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 

<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>  -->

<select class="chosen-select">
  <option value="select">Select</option>
  <option value="one" selected>one</option>
  <option value="two" disabled>two</option>
  <option value="three" hidden>three</option>
</select>

JavaScript

$(document).ready(function() {
  /* $('.chosen-select option').each(function() {
    var attr = $(this).attr();
    if(attr=='hidden'){
      $(this).hide(); 
    }
  }); */
  //$('select.chosen-select').chosen();
});