jquery using autocompete. I'm wanting to add async to remove render-blocking
<p>Hi am wanting to speed up the page using async to remove the render-blocking.</p>

<p>What is happening; when I put async in the script before jquery file it the auto complete stops working? 
If I don't use async its then rending blocking.</p>

<p>Any ideas has to how to get both working?</p>

<p>Or </p>

<p>can explain why this may be happening?</p>

<p>It is for a form postcode selection </p>

<p><a href="http://www.vestedutility.com.au/" rel="nofollow">site</a></p>

<pre><code> &lt;script async    src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;&lt;!----NEED for postcode---&gt;
  &lt;script   &gt;
      //custom select box    

      $("#swSearch").autocomplete({
    minLength: 1,
    source: function(req, add){
        $.ajax({
            url: 'http://www.vestedutility.com.au/WMS/index.php/welcome/sw_search', //Controller where search is performed
            dataType: 'json',
            type: 'POST',
            data: req,
            success: function(data){
                if(data.response =='true'){
                   add(data.message);
                }
            }
        });
    }
});

  &lt;/script&gt;
</code></pre>