title: Append hash to iframe src with jQuery
body: <p>I need to append a hash <code>#play</code> to the <code>src</code> attribute on an iframe element once a link is clicked.</p>
  
  <p>Here is what I have attempted so far:</p>
  
  <pre><code>$(".portfolio-link").click(function() {
    $('.first').append(.attr('src', '#play'));
  });
  </code></pre>
  
  <p>Here is the link that I want to add <code>#play</code> to the <code>src</code> attribute on click: <code>&lt;a href="#portfolioModal1" class="portfolio-link" data-toggle="modal"&gt;&lt;/a&gt;</code></p>
  
  <p>Here is the iframe element: <code>&lt;iframe class="first" src="http://my.iframe.url" width="160" height="600" frameborder="0"&gt;&lt;/iframe&gt;</code></p>
  
  <p>How can I accomplish this with jQuery?</p>