Question

I writing an auto complete control and I’m to the point where I’m building a <ul> with the results of a Webservice. I go ahead and try to apply my bolding on the server and return it as string to the client to be just injected into a new <li>

My problem is the bolding isn’t rendering it looks like it should be but it isn’t.

Here is what I’m doing

$this.append($('<li>').html(obj.value))

In this example: $this = UL as a jquery object. and

obj.value = "<b>H</b><b>S</b>OU"

The firebug shows it like this:

<ul>
  <li>
    <b>H</b>
    <b>S</b>
    OU
  </li>
</ul>

UPDATE: It DOES render in IE but not in Chrome/Firefox, oddly enough.

Answer 1

The output HTML looks right to me?

Perhaps you have a CSS directive suppressing the usual visualisation of bold text. Inspect the element with text H (also in Firebug) and see what styles are being applied to it.