javascript - Replace the current content of div with another page response -


sample code:

<html>     <head>         .....     </head>     <body>         <div id="content">             <form>                 ....                 <input type="submit" onclick="loadanotherpage()"/>             </form>         </div>     </body> </html>   

i want load page edit_profile.php in content div. how can achieved without refreshing page?

i tried use jquery load() method. looks missed something. highly appreciated.

when click submit button it's submit form , page refresh that's why not working.

instead of type submit set button , set function onclick.

function loadanotherpage(){     $("#content").load('edit_profile.php'); } 

Comments