title: How to trigger events in jQuery?
body: <p>I have this Select-field which is generated by a JS-Class: </p>
  
  <pre><code>  new select({
                  label : "mylabel",                    
                  name  : "vermiet",
                  values: {
                      "0": "nein",
                      "1"  : "1ver",
                      "2"  : "2ver",
                      "3"  : "3ver"                       
                  },
                  value: '0',
                  events  : {
                      change: {
                          0 : {
                              hide: ['OB1','OB2','OB3'],
                              custom: function () {
                                  jQuery('#OB1, #OB2, #OB3).val('');
                              }
                          },
                          1 : {
                              hide: ['OB2','OB3'],
                              show: ['OB1'],
                              custom: function () {
                                  jQuery('#OB2, #OB3).val('');
                              }
                          },
                          2 : {
                              hide: ['OB3'],
                              show: ['OB1','OB2'],
                              custom: function () {
                                  jQuery('#OB3).val('');
                              }
                          },
                          3 : {                               
                              show: ['OB1','OB2','OB3'],
                              custom: function () {
  
                              }
                          }  
  
                      }
                  }
              }),
              new input({
                  label   : "WE 1",
                  name    : "OB1",
              }),
              new input({
                  label   : "WE 2",
                  name    : "OB2",
              }),
              new input({
                  label   : "WE 3",
                  name    : "OB3",
              })
  </code></pre>
  
  <p>When this select is changed, it shows/hides the OB1-OB3 </p>
  
  <p>Now I want to trigger this change Event from a other Element on my site. I have build a better looking select-field with HTML-Divs &amp; JS, so I set <code>display:none;</code> to the original select. When I now change the new HTML-Div-Select, I just can't get the change-event from the original-Select running.</p>
  
  <p>Changing the value of the original-select is no problem, but whatever I try, the original change-event won't run.</p>
  
  <p>I already tried <code>trigger()</code> and <code>triggerHandler()</code> :/</p>
  
  <p>Can someone tell me what else I could try?</p>