How get the second td innerHTML
<p><strong>Scenario:</strong></p>

<p>Im using datatable library to display alot of information. That table have the following rows:</p>

<pre><code>Id   Type     Name      Case
</code></pre>

<p>What i'm looking for is that when i click the second row <strong>Type</strong>, that value will be taking and pasted in a textbox</p>

<p>Example</p>

<pre><code>Id   Type     Name      Case
1    text     Juan       20001
3    List     Pedro      20005
</code></pre>

<p>If i click the row that has the id # 1, i need to take the Type innerHTML. Does not matter what apart of the row i click just take the second td's html.</p>

<p>I tried with this code:</p>

<pre><code>$("tr td").click(function () {

    alert($(this).html());
    })
</code></pre>

<p>It worked great, But the problem is that the user have to click exactly the row Name, but would be better if user can click over any of the row and just take the second rows html.</p>

<p>Suggesstions?</p>
