title: Jquery li click event not firing
body: <p>I've been using JQuery and I tried my code on JFiddle and it worked fine but when I do it on my site it doesn't work at all, basically I need a event to be sent when a list item in my userlist is clicked.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="https://dl.dropbox.com/s/r5pzakk4ikvck3t/style.css?dl=1"&gt;
          &lt;script src="https://www.dropbox.com/s/2hdvqa4ma51m0pw/jquery-1.9.0.min.js?dl=1"&gt;&lt;/script&gt;
          &lt;title&gt;Chat&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="userlist-container"&gt;
              &lt;div id="userlist-title"&gt;User List&lt;/div&gt;&lt;br /&gt;
          &lt;/div&gt;
  
          &lt;div id="main-container"&gt;
              &lt;div id="messages"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div id="control-container"&gt;
              &lt;input type="text" id="TxtMessage" placeholder="Message" onKeyPress="SendMsg(event)" style="text-align:center;" &gt;
          &lt;/div&gt;
  
          &lt;div id="alert-container" hidden="hidden"&gt;
              &lt;div id="alert-main"&gt;
                  &lt;span id="alert-content"&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
       &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>$("#userlist-container &gt; li").click(function(e) {
      alert("TEST");
      var username = "@" + this.html + " ";
      $("TxtMessage").value(username);
      $("TxtMessage").focus();
  });
  </code></pre>
  
  <p>EDIT:  </p>
  
  <p>Once the page has loaded it connects to the server and adds <code>&lt;li&gt;lalala&lt;/li&gt;</code> inside the <code>userlist-container</code>.</p>