title: email link embedded in a clickable line item
body: <p>I have a line item that when clicked will call a function that directs me to another page, but in the line item is an email address link.  But when i click on the email link it will redirect me as if i had clicked on any other part of the line item.  How can i change this so the email link will bring up the email client but the rest of the line item will redirect?</p>
  
  <pre><code>&lt;li data-bind="click: $parent.UserInfo"&gt;
      &lt;table&gt;
          &lt;tr class="colleague"&gt;
              &lt;td&gt;
                  &lt;img src="./images/default.gif"/&gt;
              &lt;/td&gt;
              &lt;td&gt;
              &lt;table width="100%"&gt;                            
                  &lt;tr&gt;&lt;td&gt;&lt;span class="firstname_" data-bind="text: firstname"&gt;&lt;/span&gt;&amp;nbsp;&lt;span data-bind="text: lastname"&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;a data-bind="text: email, attr: { href: 'mailto:'+email} "&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;span data-bind="text: phone"&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;span&gt;Location: &lt;/span&gt;&lt;span data-bind="text: location"&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/li&gt;
  </code></pre>