title: load iframe in bootstrap modal
body: <p>I want to load an iframe into a bootstrap modal and show a loader before the iframe is loaded. I am using a simple jquery click function, but it is not working. I do not understand why it is not working. <a href="http://jsfiddle.net/6ncywr76/1/" rel="noreferrer">fiddle</a>  full page <a href="http://jsfiddle.net/6ncywr76/1/embedded/result/" rel="noreferrer">fiddle</a></p>
  
  <pre><code>$('.btn').click(function() {
      $('.modal').on('show',function() {    
          $(this).find('iframe').attr('src','http://www.google.com')
      })
      $('.modal').modal({show:true})
      $('iframe').load(function() {
          $('.loading').hide();
      });
  })
  </code></pre>