Question

I have the following HTML:

   <div class="button accessLink"
      id="loginLink"
      data-href="/User/Account/Login"
      title="Login">Login</div>

What I need to do is when the user clicks on the div then I
want to call the URL “/User/Account/Login” and then get the
contents. I have the following code but I am not sure. Do I
need to use Ajax and if so how can I code it to call the URL.

   $('#loginLink')
      .click(function () {

      return false;
      });

I want to take the contents and place these inside this HTML:

<article id="article" class="container_12">
</article>

Any advice on how I can do this would be much appreciated.

Answer 1

You may use data to get the href and load to load the content :

 $('#loginLink').click(function () {
     $('#article').load($(this).data('href'));
     return false;
  });