Добавить одну ссылку в автозаполнение jquery ui

Question

я хочу добиться, чтобы при выводе списка автозаполнения к списку результатов добавлялся дополнительный div с одной ссылкой.почему-то это не работает для меня.Я пытался

    $(".ui-autocomplete").append('<div style="border:1px solid red"><a href="#">Click me to get in contact</a></div>');

, но это не работает.Если я сделаю

    $(".ui-autocomplete").append('<p>Ramo</p>');

, то получу красную рамку вокруг элемента ul блока автозаполнения. Это нормально, поэтому я подумал, что простое добавление должно работать.

Любые идеи по этому вопросу?

С наилучшими пожеланиями, Рамо

Answer 1

Вы можете сделать

  $( "#tags" ).autocomplete({
        source: availableTags,
        open: function(){
            $(".ui-autocomplete").append('<li style="border:1px solid red"><a href="#">Click me to get in contact</a></li>');
        }
    });

скрипку здесь http://jsfiddle.net/uuPGq/