Demo Click on the state to see the result

Results
Click on a state

HTML

<div id="map" style="width: 350px; height: 250px;"></div>
<div id="clicked-state"></div>

Javascript

$('#map').usmap({
  // The click action
  click: function(event, data) {
    $('#clicked-state')
      .text('You clicked: '+data.name)
      .parent().effect('highlight', {color: '#C7F464'}, 2000);
  }
});

Usage

Before including the U.S. Map script, include both the jQuery and Raphaël libraries.

<script src="js/jquery.js"></script>
  <script src="js/raphael.js"></script>
  <script src="js/jquery.usmap.js"></script>

Then create an element to hold the map somewhere on your page with a set width and height:

<div id="map" style="width: 300px; height: 300px;"></div>

And then write the script to turn the element into a map:

$(document).ready(function() {
    $('#map').usmap({});
  });