title: How can I reduce Jquery code with the same functionality, but different events
body: <p>How can I reduce this code? They do the same, that is disable a button if there is no value in a any of the two selects.</p>
  
  <pre><code>    //Evento de submenu Canal
      $(document).on('change','select[name="grupoCanalSubMenu"]',function(){
          if (($('select[name="grupoCanalSubMenu"]').children("option:selected").val() == '') || ($('select[name="canalSubMenu"]').children("option:selected").val() == '')) {
              $('#new-usuario-registrar-canal').attr("disabled", true);
          } else{
              $('#new-usuario-registrar-canal').attr("disabled", false);
          }
      });
  
      //Evento de submenu Canal
      $(document).on('change','select[name="canalSubMenu"]', function(){
  
          if (($('select[name="grupoCanalSubMenu"]').children("option:selected").val() == '') || ($('select[name="canalSubMenu"]').children("option:selected").val() == '')) {
              $('#new-usuario-registrar-canal').attr("disabled", true);
          } else{
              $('#new-usuario-registrar-canal').attr("disabled", false);
          }
      });
  </code></pre>