jQuery load url into div and replace current content pass url to function

Question

I'm trying to call a function called `loadPage` on click of an `a` tag and pass it a URL to replace the current content in a `div` called `main` via Ajax. However, my code isn't replacing the content already in the main div or even making the Ajax call as far as I can see and I can't see where it's going wrong. JavaScript: ``` $(document).ready(function () { function loadPage(urlToLoad) { $.ajax({ type: "POST", alert(urlToLoad); url: urlToLoad, data: dataString, success: function (returnedData) { $('#main').html(returnedData); } }); } }); ``` HTML: ```

abc

```

Accepted Answer

You can simply do this using `load`:

```
function loadPage(urlToLoad) {
    $('#main').load(urlToLoad, function () {
        alert('Load was performed.');
    });
}
```

jQuery load url into div and replace current content pass url to function

Solution

Problem