title: BootStrap Switch added with javaScript doesn't fire events
body: <p><strong>EDITED, go below</strong></p>
  
  <p>I have a table and it has a row click event for each row. The problem is that I've added a switch in the last column ("BootstrapSwitch") and that switch doesn't trigger neither state change or click event because the row click event overlaps it. I know the event works because it does if I place the switch in any other place.</p>
  
  <p>Is there anyway to have the row event in all the row but one column?</p>
  
  <pre><code>// Switch event
  $('[name="my-checkbox"]').on('switchChange.bootstrapSwitch',  function(event, state) {
    console.log(this); // DOM element
    console.log(event); // jQuery event
    console.log(state); // true | false
  });
  
  // row click
  $(document).on('click','.rowDev', function(e) {
      e.preventDefault();
      // more code
  });
  </code></pre>
  
  <p><strong>EDIT</strong></p>
  
  <p>The answer provided should help me but I noticed another problem. Firing event problem. Appended switches to the table with JScript and the initialization maybe don't work, because any of the switches added dynamically work, just those I add manually on .html</p>
  
  <p>This is the row I add to the table</p>
  
  <pre><code>"&lt;td&gt;&lt;input class='make-switch' type='checkbox' name='my-checkbox' "+ (!anyUnattendedAlert?"checked ":"")+"data-on-color='success' data-off-color='danger' data-on-text='Si' data-off-text='No'&gt;" +
                                      "&lt;/td&gt;"+
  </code></pre>
  
  <p>and when all rows are added</p>
  
  <pre><code>$("[name='my-checkbox']").bootstrapSwitch();
  </code></pre>
  
  <p>also tryed to initialize each row I add.
  I've been trying in others tables I had without row event and still not firing the switch event (event provided in comments below).</p>
  
  <p>Still dont know how to add those switches and initalize them to work.</p>
  
  <p>P.D:css and js works because switches added manually trigger events.</p>
  
  <p>Thanks</p>