jQuery: Allowing event handlers to be called only once

Click the flower...



The jQuery Code START
    
    <script src="http://code.jquery.com/jquery-latest.js"></script>
  
    <script type="text/javascript">
      $(function(){
        $('#target').one('click',function(event) {
            alert('Hello!');
          });
      });
    </script>
    
    <style type="text/CSS">
        <!--
        .code { color: red; }
        .back { background-color: yellow; }
        -->
   </style>
  </head>

  <body>
    <h1>jQuery: Allowing event handlers to be called only once</h1>
    <h3>Click the flower...</h3>
    <img id="target" src="Image1.jpg"/>
    <br /><br />