title: Change iframe size after clicking a content inside an iframe in jquery
body: <p>Good day all, I'm trying to make a website where user have to login from another website and that part is on an iframe. What I want is when user click on <code>Login</code> button, iframe will resize itself to see only the specific content of that website. Here is my code,</p>
  
  <pre><code>&lt;div id="reportframe" style="margin: auto;"&gt;
          &lt;iframe src="http://www.abcdsebroker.com/login" width="600" height="400"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>This is the asp.net webform code for the Login button in other website,</strong></p>
  
  <pre><code>&lt;div class="control-group text-center"&gt;
      &lt;asp:Button ID="btnLogin" runat="server" Height="35px" Width="50%" Font-Bold="true" Text="Login" CssClass="btn btn-info" OnClick="btnlogin_Click" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I change the size of iframe after clicking Login button using jQuery? Your help would be much appreciable. Tnx.</p>