title: How can I load .html file in a specified div tag using jquery ajax
body: <p>I'm trying to load a .html file in a other html file 
  ManageAccount page should load in a div with id main, when manage acount is clicked,
  but it loading the whole page again in div.
  <a href="https://i.stack.imgur.com/euSrv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/euSrv.png" alt="enter image description here"></a>
  Result is fethching all the html page insted of new html page
  can any one suggest me please.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
        var btn;
        $('button[type="button"]').click(function() { 
          btn = this.id;
          alert(btn);
          $.ajax({
            url: btn.html,
            type: 'GET',
            //async:'false';
            dataType: 'html',
            success: function(result){
              $("#main").html(result);
              alert(result);
            }
         });
  
        });
      });
  &lt;/script&gt;
  </code></pre>
  
  
                      
                          <br>
                          Manage Account
                          Profile
                          Application
                          Status
                          Query