Почему не работает .append()?

Question

[capitancrazy]

Я использую библиотеку typeahead, и после выбора из списка запускаю скрипт

success: function (data) {
              $.each(data, function(key, item) {
                $("#translation").append(translationTemplate);
                  $.each(item.cexamples, function(key,item) {
                             $("#example").append(exampleTemplate);
                   });
          });
            }

translationTemplate и exampleTemplate определены выше в скрипте, а в моём HTML есть div с классом translation и example.

var translationTemplate = '<input type="text" class="col-md-12" placeholder="translation">';
    var exampleTemplate = '<input type="text" class="col-md-12" placeholder="example">';

<div class="container col-md-3"　id="translation">
    <input type="text" class="col-md-12" placeholder="translation" >  
  </div>
    <div class="container col-md-6" id="exmaple">
    <input type="text" class="col-md-12" placeholder="example" >  
  </div>

Почему .append не работает? Буду рад добавить дополнительную информацию, если это поможет Вам помочь мне. Заранее спасибо!

Comments

[Kovalsky]

На этот вопрос сможете ответить только вы сами, потому что даже на том же тостере с помощью вашего кода элементы нормально добавляются. Смотрите в консоль, ищите ошибки, смотрите существуют ли объекты/элементы которые вы используете.

[tyzberd]

ваши div существуют на момент выполнения скрипта?

[capitancrazy]

Никита Полевой: Объекты существуют, cexamples опцианальный.
JSON мой выглядит так.

[{"translation":"торговец произведениями искусства.", "id":4233,"cexamples":[]}]

А each итерируется как должен

[Kovalsky]

capitancrazy: ну хорошо, если у вас все элементы существуют, и всё равно ничего не работает, то воспроизведите это поведение в примере на jsfiddle.net или другой песочнице

[capitancrazy]

tyzberd: Да, существуют, вообще выполняется после того, как я из выпадающего списка typeahead выбираю слово.

[capitancrazy]

Никита Полевой: Я попробую на выходных, делать нечего, это мой рубикон :) Спасибо

Answer 1

[ArcadyZherdev]

Не знаю имеет ли это отношение к вашей беде но.. У вас в HTML коде id="exmaple"
а в js коде "example"

Comments

[capitancrazy]

думаю это ошибка, спасибо!
но с #translation ошибки нет, но не работает :)

Answer 2

[capitancrazy]

Разобрался.
У меня действительно была опечатка в id, как указал ArcadyZherdev , а так же японский пробел в html, в первый раз столкнулся с такой ошибкой.

<div class="container col-md-3"　id="translation"> <!-- Японский пробел, между '"' и 'i'.
<div class="container col-md-6" id="exmaple"> <!-- не Японский пробел, между '"' и 'i'.

Очень очень ненавижу японскую раскладку, сколько боли мне она приносит, но это что-то новое :)