Question

Have a look here:

http://jsfiddle.net/zK3Wc/27/

Does anyone have a quick and simple fix for this?

Basically the html escape characters are being added in the input field if the user arrows up, or down.

Answer 1

Fixed!

http://jsfiddle.net/zK3Wc/32/

With the help of some googling and another S.O. Question; under the “focus” object, I added this:

        $( ".project" ).val( ui.item.label );
        function decode(input){
          return $('<div/>').html(input).text();
        }
        $(function(){
          $('.project').keydown(function(){
            $($(this)).val(decode($($(this)).val()));
          });
        });

Hopefully this helps anyone else that runs into this problem!

Tested in IE 7,8,9 FF, Chrome and Safari.