title: Changing iframe src with jquery
body: <p>I am trying to change my iframe src and reload the iframe with the following code</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
    $('#changeframe').click(function () {
    $('#declinedframe').attr('src', 'http://stackoverflow.com');
    });
  &lt;/script&gt;
  
  
  &lt;input type="button" id="changeframe" value="Change"&gt;
  
  &lt;iframe id="declinedframe" class="embed-responsive-item" src="http://forgezilla.com" height="585" width="100%" &gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>When I click "Change" on the button nothing happens. What I am doing wrong?</p>