JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.pengoworks.com/workshop/jquery/lib/jquery.autocomplete.js"></script>
<div id="formcontainer">
        <input id="input1"/>
        <input id="input2"/>
</div>
<div id="iphone2g11" class="info" style="display:none">iPhone 2G</div>
<div id="iphone2g12" class="info" style="display:none">iPhone 3G</div>
<div id="iphone2g13" class="info" style="display:none">iPhone 3GS</div>
<div id="iphone2g14" class="info" style="display:none">iPhone 4</div>
<div id="iphone2g15" class="info" style="display:none">iPhone 4S</div>

JavaScript

$(document).ready(function() {
 
 var phone;  //fix scoping
 var phoneid;
 var firmware;
 var firmwareid;
 
 $("#input1").autocompleteArray(["iPhone 2G","iPhone 3G","iPhone 3GS","iPhone 4","iPhone 4s"],
 {   minChars:1,
     matchSubset:1,
     onItemSelect:selectPhone,
     onFindValue:findPhone,
     autoFill:true,
     maxItemsToShow:10,
     selectFirst:true
 });
 
 $("#input2").autocompleteArray(["1.1","1.2","1.3","1.4","1.5"],
 {   minChars:1,
     matchSubset:1,
     onItemSelect:selectFirmware,
     onFindValue:findFirmware,
     autoFill:true,
     maxItemsToShow:10,
     selectFirst:true
     });
 
 
 
 function findPhone(li) {
     if( li == null ) return alert("No match!");
     phone = li.innerHTML;
     phoneid = phone.replace("iPhone ","iphone").toLowerCase();
 };
 
 function findFirmware(li) {
     if( li == null ) return alert("No match!");
     firmware = li.innerHTML;
     firmwareid = firmware.replace(".","");
     $(".info").hide();
     $('#' + phoneid+firmwareid ).show();
 };
 
 function selectPhone(li) {
     findPhone(li);
 }
 
 function selectFirmware(li) {
     findFirmware(li);
 }
     });