Q:

Knockout text databind erasing part of my Markup

I'm facing a small problem regarding Knockout JS databind on a span. I want to bind a number alongside a percentage symbol. My original HTML markup is this one:
<span>10</span><span>%</span>

Then, I'd try to make the number dynamic with the following expression (I'm forfeiting the JS as it works corrctly and I don't think it's necessary for my case):
<span data-bind="text: cartTotalPrice" /><span>%</span>

Misteriously, the  that contains the % symbol disappears, only displaying the binded number. But then if I do the following, the number and the symbol are correctly displayed:
<span data-bind="text: cartTotalPrice() + '%'" />

Why does this happen? Is it normal?
Thanks.

A:

I believe the problem is that you are not closing your span tag. Use an explicit closing </span>.  
<span data-bind="text: cartTotalPrice"></span><span>%</span>

