title: Triggering events and binding in jquery
body: <p>I am new to jQuery and have been playing around with it. This is what I have:</p>
  
  <pre><code>&lt;fieldset id="question-7"&gt;
    &lt;p&gt;
      &lt;label&gt;Question 7&lt;/label&gt;
    &lt;/p&gt;
    &lt;p&gt;
      We need a custom event named "profileUpdated". Bind to this event and make the word "Updated" appear in the output div when triggered.
      Trigger the event when this &lt;a href="#"&gt;link&lt;/a&gt; is clicked.
    &lt;/p&gt;
    &lt;p class="output"&gt;
    &lt;/p&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>and my jQuery is:</p>
  
  <pre><code>function profileUpdated() {
    $( "#question-7" ).bind( "link", function() {
      alert( $( this ).text('Updated') );
    });
  });
  </code></pre>
  
  <p>I'm not sure what I am doing wrong. </p>