title: td onclick not working
body: <p>I am working in MVC4 and using tables, When I set onclick on <code>&lt;td&gt;</code> element of table then related function is not working.</p>
  
  <p>This is how I am doing-</p>
  
  <pre><code> &lt;tr&gt;
  
        &lt;td style="cursor:pointer" onclick="D();"&gt;
         #= DisplayName #&lt;/td&gt;
        &lt;/tr&gt;
  </code></pre>
  
  <p><strong>jQuery function-</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
                  $(document).ready(function D() {
                      $('td').click(function (event) { loadPartially(event, '@Url.Contact_PartialView_Main()?ContactID=@Model.ContactID') });
                      alert("aa");
                  });
              &lt;/script&gt;
  </code></pre>
  
  <p>When this didn't work I tried giving it an ID-</p>
  
  <pre><code> &lt;tr&gt;
  
            &lt;td style="cursor:pointer" id="Open"&gt;
             #= DisplayName #&lt;/td&gt;
            &lt;/tr&gt;
  </code></pre>
  
  <p><strong>jQuery function for this-</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
                      $(document).ready(function {
                          $('#Open').click(function (event) { loadPartially(event, '@Url.Contact_PartialView_Main()?ContactID=@Model.ContactID') });
                          alert("aa");
                      });
                  &lt;/script&gt;
  </code></pre>
  
  <p>I am trying to get load partial event on click of this  element of table.</p>
  
  <p>But somehow it is not working. I am not sure if i can use onclick function on <code>&lt;td&gt;</code> element of table.</p>