title: Bootstrap 3 Default to first tab
body: <p>I have a dynamic modal with two tabs. I want <code>#tab1</code> to always be the default tab when someone opens the modal. The problem is if I open the modal and click on <code>#tab2</code> then close, when I open the modal it is still on <code>#tab2</code>.</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/9zo9hka4/" rel="nofollow">http://jsfiddle.net/9zo9hka4/</a></p>
  
  <p>I'm not sure how do it. I've tried setting the tab back to <code>#tab1</code> when I see the <code>.on('hidden.bs.modal'</code> event but that doesn't seem to work. </p>
  
  <p>Any help would be appreciated.</p>