title: jQuery not working with select2 hiding instructions
body: <p>I have 3 select2 boxes and the page requires for the other two to be disabled when one is used. I have the following code, however it doesn't work. When page loads, all select2's disappear (they're set as hidden inputs in HTML):</p>
  
  <pre><code>$("#collection-search").change(function(){
              if($(this).val())
                  $("#subject-search").select2("enable", false);
                  $("#special-search").select2("enable", false);
              else
                  $("#subject-search").select2("enable", true);
                  $("#special-search").select2("enable", true);
          });
  
          $("#subject-search").change(function(){
              if($(this).val())
                  $("#collection-search").select2("enable", false);
                  $("special-search").select2("enable", false);
              else
                  $("#collection-search").select2("enable", true);
                  $("special-search").select2("enable", true);
          });
  
          $("#special-search").change(function(){
              if($(this).val())
                  $("#collection-search").select2("enable", false);
                  $("#subject-search").select2("enable", false);
              else
                  $("#collection-search").select2("enable", true);
                  $("#subject-search").select2("enable", true);
          });
  </code></pre>
  
  <p>Any ideas why this is happening? I'm looking through FireBUG but nothing useful shows up. Only thing I can see is a syntax error in an "else" statement in jquery.min.js.</p>