title: DIV Not Clickable After Appended Using JQUERY append()
body: <p>I am appending a DIV to an existing DIV. The append is working and showing, but my divs need to be clickable. Currently I cannot get the onclick to work. I have tried to make each append have a unique class or id and still the div is not clickable.</p>
  
  <p><strong>MY JQUERY</strong></p>
  
  <pre><code>$("#searchUsersText2").keypress(function() {
      var y = $('#searchUsersText2').val();
      if ($('#searchUsersText2').val()){
          $.ajax({ 
              type: "POST",
              url: '../home/findUser.php',
              data: "dataString="+y,
          success: function(data) {
              $("#searchUsersBodyResults2").empty();
              $("#searchUsersBodyResults2").append("&lt;div class='inputs'&gt;"+data+"&lt;/div&gt;");
          }
      });
  }
  }); 
  $("#searchUsersText2").click(function()
  {
       $("#searchUsersContainer2").fadeToggle(300);
  });
  
  $(".inputs").click(function()
  {
      alert("SUCCESS");
  });
  </code></pre>
  
  <p><strong>MY HTML</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
  
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
           &lt;script src="http://www.croeberdemo.site40.net/external/listItems.js"&gt;&lt;/script&gt;
       &lt;/head&gt;     
    &lt;body &gt;
  
  
              &lt;ul id="nav"&gt;
              &lt;li id="searchUsers2"&gt;
                  &lt;a href="#" id="searchUsersLink2"&gt;
                      &lt;input id="searchUsersText2" placeholder="Search for Users" /&gt;
                  &lt;/a&gt; 
                  &lt;div id="searchUsersContainer2"&gt;
                      &lt;div id="searchUsersBodyResults2" class="notifications"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
              &lt;/ul&gt;
   &lt;/html&gt;
  </code></pre>