Текст пропадает с 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. (Я просто мочу ноги.) Если это так, можете ли вы указать мне в правильном направлении понимания, а не просто помогать мне разобраться с проблемой здесь?

Спасибо!

Edit: С этим фиксированным (тупыми пальцами), другой вопрос всплывает ...

Когда я удалить разрыв строки < бр/> в начале вставки, я теряю текст вплоть до первый выпадающий ящик. Любые мысли о том, почему это так?

Answer 1

Проблема здесь: ... bring object <select><option>in</option><option>out</option></selection> at ...

Это последний закрывающий тег говорит </selection>. Это должно быть </select>. Такая же проблема существует и в конце строки вставки.

Answer 2

Почему вы открываете тег select, но закрываете тег selection?

Избитые моментами.