title: Clear child JSP page into default look
body: <p>Below is JSP page</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="tabs-7" style="width: 100%;"&gt;
   &lt;form:form id="deviceForm" name="" modelAttribute=""  enctype="multipart/form-data"&gt;
    &lt;div class="inputWidgetContainer"&gt;
     &lt;div class="inputWidget"&gt;
      &lt;table&gt;
       &lt;tr height="6"&gt;&lt;/tr&gt;
       &lt;tr&gt;
        &lt;td class="rightalign"&gt;
         &lt;input type="radio" id="radio_SampleInput"
          name="xyzRadio" value="sampleInputRadio" checked="checked" 
          onclick="loadXyz()"/&gt;
        &lt;/td&gt;
        &lt;td class="leftAlign inputLabel"&gt;Sample Input&lt;/td&gt;
        &lt;td class="rightalign"&gt;
         &lt;input type="radio" id="radio_abc"
          name="sampDtlsRadio" value="abcRadio" 
          onclick="loadabc()"&gt;
        &lt;/td&gt;
       &lt;/tr&gt;
      &lt;/table&gt;
     &lt;/div&gt;
    &lt;/div&gt;
     
    &lt;div id="xyz"&gt;
     &lt;jsp:include page='xyz.jsp' /&gt;
    &lt;/div&gt;
    &lt;div id="abc" class="hide"&gt;
     &lt;jsp:include page='abc.jsp' /&gt;
    &lt;/div&gt;
   &lt;/form:form&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>In JS file I am hiding div based on user's selection.
  Both page have some functionality which changes page's default look, Like row can be added or deleted, Now if user select other radio button and came back to page, default look should be displayed. I don't want to get into undo what user has done, util there is cleaner way to do it.
  Currently I am reloading parent page.
  Is there any way using ajax call I can request for xyz.jsp page again, so that I don't have to refresh parent page. Or any better solution.</p>