title: How do I prevent duplicate entries in a row at chosen jQuery multiple select?
body: <p>I have several rows with few select boxes. There are several select boxes in each row with the same content. Every item in the row can only be used once, because every column has a classification. If an item is used in a select box, I want it to be greyed out in the other boxes of the row.
  I tried this:</p>
  
  <pre><code>  function setChosen() {
      var config = {
    '.chosen-select' : {},
    '.chosen-select-deselect': {allow_single_deselect:true},
    '.chosen-select-no-single' : {disable_search_threshold:10},
    '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
    '.chosen-select-width' : {width:'95%'}
      }
      for(var selector in config) {
      $(selector).chosen(config[selector]);
    }
   }
   setChosen();
   $('.chosen-select').on('change', function() {
     var selVal = $(this).val();
     var rel = $(this).attr('rel');
     $('.'+rel).children('option').each(function() {
      if($(this).val() == selVal) {
        $(this).attr('disabled',true).siblings().removeAttr('disabled').trigger('chosen:updated');
    }
   });
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/nzu66nsa/2/" rel="nofollow">fiddle</a></p>