title: jQuery .on with .get methods
body: <p>I am trying to get the tag name of the element clicked inside an <code>li</code> when the user clicks on the element. The <code>li</code> element is added dynamically to the HTML code. To do this I am using the code below however it does not seem to be working.</p>
  
  <pre><code>$('li *','div#contentWrapper').on('click','#interfaceContainer #left #sortableTestComponents li',function(e){
          e.stopPropagation();
          var domEl = $(this).get(0);
          alert(domEl.tagName);
          if(!$(event.target).hasClass("deleteTestComp")){
              var type = $(this).find('div.headerName').html();
              var information = $(this).find('input[type=hidden]').val();
  
              if(type == "CliSessionType"){
                   parseCliComponent(information);
              }
              else if(type == "DBSessionType"){
                  parseDbComponent(information);
              }
              else{
                  parseScreenComponent(information);
              }
          }
      });
  </code></pre>
  
  <p>Why is my code not working? Nothing happens when the user clicks on an element.</p>
  
  <p>JSFiddle - <a href="http://jsfiddle.net/3FxQE/" rel="nofollow">http://jsfiddle.net/3FxQE/</a></p>