Dynamically Trigger click event issue

I want to 2nd floor auto click when this code Run but not working... below is my code help me

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tower"> 
  <div class="floor" id="f7">7th floor</div> 
  <div class="floor" id="f6">6th floor</div>
  <div class="floor" id="f5">5th floor</div>
  <div class="floor" id="f4">4th floor</div>
  <div class="floor" id="f3">3rd floor</div>
  <div class="floor" id="f2">2nd floor</div>
  <div class="floor" id="f1">1st floor</div>
</div>
<div class="elevator">elevator</div>

<script type="text/javascript">
$(document).ready(function() {
    $('#f2').bind("click", function(){ alert('버튼 클릭됨'); });
    $('#f2').trigger("click");
</script>

http://jsfiddle.net/SEOP/9hPSp/12/embedded/#Result