title: Equivalent document.querySelector inside Mutation Observer dynamic elements
body: <p>I'm using <a href="https://developer.mozilla.org/en/docs/Web/API/MutationObserver" rel="nofollow">Mutation Observer</a> to listen to the new added elements and it's working fine for all elements but for <a href="https://github.com/abpetkov/switchery" rel="nofollow">Switchery jQuery</a> Plugin it doesn't because Switchery get element by [document.querySelector] </p>
  
  <p>This is my code...</p>
  
  <pre><code>MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
  
  var observerjQueryPlugins = function (repeaterWrapper) {
  
  _.each(repeaterWrapper, function (repeaterItem, index) {
  
      var jq_nodes = $(repeaterItem.addedNodes);
  
      jq_nodes.each(function () {
  
          // Color Picker (Working Good)
          $(this).find('.element-wrapper.element-wpcolor .color-picker').wpColorPicker();
  
          // Switchery using document.querySelector and i need to know the
          // equivalent way to do it inside this loop .. like that
  
          // Of course this code is WRONG
          sw_current = $(this).find('.switchery-element');
  
          var switchery = new Switchery( sw_current, {
                  disabled: false,
                  size: '',
                  color: '#8ce196',
                  secondaryColor: '#ddd',
                  jackColor: '#fff',
                  jackSecondaryColor: '#fff'
          });
  
      });
  });
  
  }
  
  new MutationObserver(observerjQueryPlugins).observe(document.body, {
      childList: true,
      subtree: true,
      attributes: false,
      characterData: false
  });
  </code></pre>
  
  <p>Thanks for your help.</p>