question about the jquery u.s. map thing..

question about the jquery u.s. map thing..

Before I begin, I would like to say I am comfortable with javascript, and html, I kind of know php, but not enough to use it to do what i need to do. That said, any help would be welcome, but if I can get a jumpstart on what I need to do in php, thats even better, because I don't see me having 50 different html files, lol... 

Anyway I am using the interactive U.S. map found here:  https://newsignature.github.io/us-map What I want to do is, when I click on a state, load a page with information specific to that state. 

Now, I started with this: 
  1. $('#map').usmap({
  2.   // The click action
  3.   click: function(event, data) {
  4.     $('#clicked-state')
  5.       .load("states/"+data.name".html");
  6.   }
  7. });
Which don't even work, because after the +data.name, its expecting that function to be closed, not have a ".html" then close, but, even if that worked, I would have to have 50 different html files, named <StateAbbr>.html (ie. TN.html, VA.html, you get the point), and, don't get me wrong, I am okay with that, but its not efficient, and its not professional... 

The code above doesn't even load the map, but I know the map loads, because with "the click action" function removed, the map loads, and its interactive, it just don't do anything when you click the states..

So, any help anyone can offer, please, offer away. If it goes to me needing to absolutley use php, a jumpstart would be nice, lol...