I want to link matching text using easy autocomplete jquery plunging
<p>Hi guys I face a problem with easy autocomplete jquery plunging.</p>

<p>I have successfully installed this in my site but I have a simple issue.
<a href="http://i.stack.imgur.com/9BTTY.png" rel="nofollow">i want link this</a>
I want link this with a external herf link.When user type and click here the go to the external.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>//Enable description function  
var options = {
    url: "json/linked.json",
    
    getValue: "text",

    template: {
        type: "links",
        type: "description",
        fields: {
            link: "website-link",
            description: "realName"
        }
    },

    theme: "bootstrap"
};

 $("#sheroes").easyAutocomplete(options);  </code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>[
 {
  "text": "Home",
        "realName": "Jahid Hasan",
  "website-link": "http://localhost/test/test.php"
 },
 {
  "text": "Guide",
  "website-link": "http://localhost/test/test.php"
 },
 {
  "text": "Themes",
        "realName": "Bruce Wayne",
  "website-link": "http://localhost/test/test.php"
 },
 {
  "text": "Examples",
  "website-link": "http://localhost/test/test.php"
 },
 {
  "text": "Download",
  "website-link": "http://localhost/test/test.php"
 },
 {
  "text": "Github",
  "website-link": "http://localhost/test/test.php"
 }
]</code></pre>
</div>
</div>
</p>

<p>how i can do it.
Advance thanks </p>