I am using this plugin: http://smartystreets.com/kb/liveaddress-api/plugin/configure
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
</script>
<script src="//d79i1fxsrar4t.cloudfront.net/jquery.liveaddress/2.4/jquery.liveaddress.js"></script>
<script>
var liveaddress = $.LiveAddress({
key: "my key",
debug: true,
addresses: [{
id: 'mySubmitButton',
street: '#street_add',
city: '#city',
state: '#state',
zipcode: '#postcode',
},
{
}]
});
</script>
</head>
<body>
<div id="panel">
<form action="" name="" method="post">
<input id="addresses" type="hidden" value="">
Street Address<input id="street_add" type="textbox" value="" class="address"><br />
City<input id="city" type="textbox" value="" class="address"><br />
State<input id="state" type="textbox" value="" class="address"><br />
Zipcode<input id="postcode" type="textbox" value="" class="address"><br />
Country<input id="country" type="textbox" value="" class="address"><br />
<input type="submit" value="submit" id="#mySubmitButton" />
</form>
</div>
<div id="map-canvas" style="height:40%;top:30px;"></div>
</body>
</html>
It seems that I need to configure this to get it to work, according to the instructions. I see that LiveAddress function is being called, and then I am adding the configuration part (var live address) Is this being initialized and configured properly, and does it seem like it will connect to the form?