I have a function that loads an external svg file into my html. The svg loads fine but I'm unable to communicate with the file as in getting elements. Any suggestions?

```
$(function() {
    $('#map-container').load('svg/world-map.svg');
    $('#unitedstates .location').click(function() {
        alert('usa click');
    });
});

```

I'm trying to keep my working file down, that the reason for not having the svg in the same html file as the jquery reference. Is there a way to reference my jquery file in the svg file