Текст пропадает с помощью 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>

Когда функция запускается, вставка работает, но слово «at» между выпадающими и словом «speed»конец не вставляется.

Почему это?Я полагаю, что неправильно понимаю что-то довольно важное в том, как работает jquery или js.(Я просто намочил свои ноги.) Если это так, можете ли вы указать мне правильное направление понимания, вместо того, чтобы просто помочь мне разобраться в проблеме здесь?1015 * Редактировать: с этим исправлено (тупые пальцы), всплывает еще один вопрос ...

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

Answer 1

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

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

Answer 2

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

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