Change "State" input field to a dropdown style input on order form?

Thanks for your help John.

I found this java from someone trying to do a similar thing in IS and it looks correct, but for some reason it’s not working. It is from 2013 but should still work. Any clue what is going wrong here?

<script>
$(document).ready(function()
{
    $("#state").attr('maxlength','2');
    $("#shipState").attr('maxlength','2');
});
</script>
<script>
$(function() {
var availableTags = [
'AL',
'AK',
'AZ',
'AR',
'CA',
'CO',
'CT',
'DE',
'FL',
'GA',
'HI',
'ID',
'IL',
'IN',
'IA',
'KS',
'KY',
'LA',
'ME',
'MD',
'MA',
'MI',
'MN',
'MS',
'MO',
'MT',
'NE',
'NV',
'NH',
'NJ',
'NM',
'NY',
'NC',
'ND',
'OH',
'OK',
'OR',
'PA',
'RI',
'SC',
'SD',
'TN',
'TX',
'UT',
'VT',
'VA',
'WA',
'WV',
'WI',
'WY',

];
$( '#state' ).autocomplete({
source: availableTags
});
$( '#shipState' ).autocomplete({
source: availableTags
});
});
</script> 

I really appreciate the help!

Tim