[select2 4.0.0-beta3] Display a link to add a new item if no results are found

In previous versions, the formatNoMatches option could be used to provide a link to add a new item if no matches were found:

formatNoMatches: function(term) {
  return "<a href='add_item?term="+term+"' class='new_item'>Add New Item</a>";
 }

However when trying to replicate this using 4.0-beta3’s new languages.noResults function:

language: {
  noResults: function() {
    return "<a href='some_URL' class='new_item'>Add New Item</a>";
 }
}

the raw unformatted string appears in the dropdown, rather than a link. Manually creating a DOM object in the function and returning that also doesn’t work, though I wouldn’t really expect it to. Is there another way to achieve this functionality in 4.0? Thanks.

[KarlKl]

@JayatiTehri use language->noResults and escapeMarkup options to customice the no result text. 😉

$('select').select2({
     language: {
             noResults: function() {
                 return "<a href='http://google.com'>Add</a>";
            }
     },
    escapeMarkup: function (markup) {
        return markup;
    }
});

[wpangestu]

@icrm-amusienko this is how i showing term

language: { 
  noResults: function () {
    var term = event.target.value;
    return '<a href="#">add item ' + term + '</a>' 
  },
  escapeMarkup: function (markup) {
        return markup;
  }
}