title: Knockout - Getting clicked element
body: <p>I have the following mark-up:</p>
  
  <pre><code>&lt;fieldset&gt;
     &lt;div&gt;
         &lt;label class="editor-label"&gt;Question 1?&lt;/label&gt;
         &lt;input type="text" class="editor-field" /&gt;     
         &lt;button type="button" data-bind="click: helpClicked"&gt;Help&lt;/button&gt;
         &lt;p class="help"&gt;Help 3&lt;/p&gt;
     &lt;/div&gt;
      &lt;div&gt;
         &lt;label class="editor-label"&gt;Question 2?&lt;/label&gt;
         &lt;input type="text" class="editor-field" /&gt;
         &lt;button type="button" data-bind="click: helpClicked"&gt;Help&lt;/button&gt;
         &lt;p class="help"&gt;Help 3&lt;/p&gt;
     &lt;/div&gt;
     &lt;div&gt;
         &lt;label class="editor-label"&gt;Question 3?&lt;/label&gt;
         &lt;input type="text" class="editor-field" /&gt;
          &lt;button type="button" data-bind="click: helpClicked"&gt;Help&lt;/button&gt;
         &lt;p class="help"&gt;Help 3&lt;/p&gt;
     &lt;/div&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>I want to toggle the visibility of the the <code>&lt;p&gt;</code> with the class <code>help</code> in the same <code>Div</code> as the clicked button.  I am trying to use $(this) to determine which button was clicked and then I could get the correct "help" element from there.</p>
  
  <p>The problem is that <code>$(this)</code> isn't returning the clicked button.</p>
  
  <p>At the moment I am trying to simply hide the clicked button like:</p>
  
  <pre><code>var viewModel = {
      helpClicked: function () {
          $(this).hide();           
      }
  };
  
  ko.applyBindings(viewModel);
  </code></pre>
  
  <p>This doesn't work.  Can anyone help please?</p>