title: knockoutjs get the (real bound) element through click event
body: <p>See this <a href="https://stackoverflow.com/questions/11158045/knockoutjs-get-element-id-through-click-event/14096449">question</a>. Except that the answer returns the child element when a child element is clicked, i.e. in the case that you bind a div.</p>
  
  <pre><code>&lt;div id="parent" data-bind="click: log"&gt;Parent Div&lt;div id="child"&gt;Child&lt;/div&gt;&lt;/div&gt;
  
  &lt;script&gt;
      var ViewModel = function() {
          this.log = function(data, event) {
              console.log("you clicked " + event.target.id);
          }
      };
      ko.applyBindings(new ViewModel());
  &lt;/script&gt;
  </code></pre>
  
  <p>See this <a href="http://jsfiddle.net/e8JPT/36/" rel="nofollow noreferrer">fiddle</a></p>
  
  <p>I want to get the original element the click event was bound to. Any suggestions?</p>