Using jquery.ready to add new text to the top of a line .

Using jquery.ready to add new text to the top of a line .

  1. <div>it is a test ,for interest rate <br />
    <span id="interest-rate"></span> %.
    </div>

now ,if I use
 $(funciton(){
      $("#interest-rate").html('3.2');
});
to fill the 3.2 to the span tag when jquery ready. because of the <br /> ,so the 3.2 will appear at the top of the next line.at this time ,even though I see the 3.2 from the source code but it didnot appear at the page.
and if I remove the <br /> tag ,so the span tag will appear at the same line ,then it will appear correctly.
who can help me ? thank you very much .