jquery ui-autocomplete and google chrome autocomplete

Question

I am using jquery ui-autocomplete on a zip code form field to suggest zip codes. I have autocomplete off on the form field and the form itself. If i have my address saved in google chrome and i start typing in the zip code box google chrome auto suggests my saved zip code and their suggesting box is ABOVE the jquery ui autocomplete box. any way to either force google chrome to respect the autocomplete off or move the jquery ui box above the chrome autocomplete box?

 <form id="bizjoinOneForm" action="#" onSubmit="register(); return false;" autocomplete="off">
  <input type="text" id="bizjoinZipCode" placeholder="Zip Code" onChange="checkZip();" autocomplete="off">
 </form>

Answer 1

Is this what you need?
https://stackoverflow.com/a/22694173/1479535

You can try adding

<input style="display:none">
<input type="password" style="display:none">

at the start of your <form>