title: How to reload iframe on selecting list item
body: <p>My jsp page</p>
  
  <pre><code>  &lt;ul class="nav nav-pills nav-stacked" id="myTab"&gt;
      &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#section1"&gt;frame1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#section2"&gt;frame2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#section3"&gt;frame3&lt;/a&gt;&lt;/li&gt;   
    &lt;/ul&gt;
  
  
      &lt;div id="section1" class="tab-pane fade in active"&gt;
           &lt;iframe src="./abc" style="border:none" height="1500" width="100%"&gt;&lt;/iframe&gt;   
      &lt;/div&gt;
      &lt;div id="section2" class="tab-pane fade"&gt;
           &lt;iframe src="./def" style="border:none" height="1500" width="100%"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
      &lt;div id="section3" class="tab-pane fade"&gt;
           &lt;iframe src="./efg" style="border:none" height="1500" width="100%"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I have define three iframe. I want to reload iframe on selection of list item. </p>