импорт внешний HTML как встроенный HTML

Question

У меня есть HTML-страницу, содержащую sth.html

<div id="recoverpass"> 
    <h2>Recover Password</h2> 
    <form action="#" method="post" name="recoverpass"> 
     <p><label> Enter E-Mail Address: </label> <input type="text" name="email" id="name" /></p> 
     <input type="submit" value="Recover Password" /> 
    </form> 
</div> 
<div id="registernew"> 
     <h2>Register New User</h2> 
     <form action="#" method="post" name="recoverpass"> 
      <p><label> Enter E-Mail Address: </label> <input type="text" name="email" id="name" /></p> 
      <input type="submit" value="Recover Password" /> 
     </form> 
</div> 

В моей странице index.html, у меня есть всплывающее окно, которое загружается при соответствующих ссылки щелкнул. Что я хочу, так это то, что при загрузке забытого пароля всплывающее окно должно импортировать html из sth.html, а затем содержимое getpass 'div'. и когда загружается регистр popup, он должен импортировать html из sth.html, а затем содержимое regsternew 'div'.

Answer 1

легко сделать с .load()

$("#popup").load("sth.html #recoverpass"); 
$("#popup").load("sth.html #registernew");