title: Reload updated java<script> code without fully reloading the html page
body: <p>I am developing a single page web application, that has many different features and forms. When developing a deep (I mean something that is not on the home page) feature, I go through this cycle:</p>
  
  <ol>
  <li>develop the code, editing classes and functions</li>
  <li>refresh the whole page</li>
  <li>clicking all the way till I get to the part that I need to test (that adds up to about a minute sometimes)</li>
  <li>testing the new code</li>
  <li>back to the (1) code editor doing updates</li>
  </ol>
  
  <p><em><strong>doing about 15 minor edits, can take a frustrating 30 minutes of repeated reloading and clicking</em></strong></p>
  
  <p>Is there any plugin, piece of javascript, or method, that allows to reload the updated javascript without reloading everything, so one can skip the 2. and 3. from the cycle above and continue doing live tests?</p>
  
  <p>If there's no such thing, I am planning on developing a little javascript plugin that will reload the scripts, and probably with <code>socket.io</code> connection to a backend <code>node.js</code> server that will watch the files for any updates and push the load events to the browser.</p>
  
  <p>So, I am interested in any idea about this, any thing that I should take into consideration when writing the plugin.</p>
  
  <p>Thanks : )</p>