title: jQuery html attributes with HTML?
body: <p>I'm using jQuery to make sure that my users can't execute javascript through my chat app. This is how I append the data that I get from WebSocket server to the users:</p>
  
  <pre><code>obj = JSON.parse(e.data);
  
      $("&lt;li&gt;", {
          class: "list-group-item",
          text: obj.username + ": " + obj.message
      }).prependTo('#chatlog');
  </code></pre>
  
  <p>This works great, and seems to escape all XSS attacks, but here's my problem. I want to make <code>obj.username</code> bold, but I have no idea how to go about doing that since everything after <code>text:</code> becomes text. Very happy for any help on this!</p>