文本失蹤與jQuery .insertBefore（）

Question

我開始使用JQuery，並且我已經構建了一個小的js函數，當它被調用時向表單添加字段。

function newPoint(time){ 
    $('<br/>At '+ time + ' seconds, bring object <select><option>in</option><option>out</option></selection> at <select><option>regular</option><option>slow</option><option>fast</option></selection> speed.<br/>').insertBefore('#submitBtn');  
} 

這裏的HTML ...

<div id="rightSide"> 
<form> <input id="submitBtn" type="submit" value="Go"></form> 
</div> 

當函數運行時，插入的作品，但「在」字在年底唐的下拉菜單和單詞「速度」與」 t插入。

這是爲什麼？我想我誤解了jquery或js工作方式的關鍵。 （我只是弄溼了自己的腳。）如果是這樣的話，你能否指出我的理解方向是正確的，而不僅僅是幫助我在這裏找出問題所在？

謝謝！

編輯：隨着那個固定的（愚蠢的手指），另一個問題彈出...

當我刪除換行符< BR/>在插入的開始，我失去了文字到了首先下拉框。任何想法，爲什麼這是？

Answer 1

的問題是在這裏： ... bring object <select><option>in</option><option>out</option></selection> at ...

這最後關閉標籤說</selection>。它應該是</select>。插入字符串的末尾存在相同的問題。

Answer 2

爲什麼你打開select標籤但關閉selection標籤？

捱打。