why is my jquery selecting all text values
<p>So I want to be able to fetch a number from a table cell and multiply it by an input on focusout, however the selector is grabbing all the table cells with the name front in the front. here is the code:</p>

<p>jquery</p>

<pre><code>$(document).ready(function(){
    $(".percent").focusout(function(){
        var val2 = $(this).val();
        if (val2==="") {
            val2=0;
        }
        var crew2 = $(this).attr("name"),
            front = $(".front, td[name='front"+crew2+"']").text();
        console.log(crew2);
        console.log(front);
    });
});
</code></pre>

<p>html:</p>

<pre><code>&lt;tr&gt;
    &lt;td class='front' name='frontI210'&gt;$176.00&lt;/td&gt;
    &lt;td&gt;&lt;input type='text' class='percent' name='I210' style='' size='4' /&gt;&lt;/td&gt;
    &lt;td&gt;=&lt;/td&gt;
    &lt;td class='total' id='I210'&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td class='front' name='frontI250'&gt;$225.00&lt;/td&gt;
    &lt;td&gt;&lt;input type='text' class='percent' name='I250' style='' size='4' /&gt;&lt;/td&gt;
    &lt;td&gt;=&lt;/td&gt;
    &lt;td class='total' id='I250'&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>and console.log(front) is returning all the text of fronti210 and fronti250 as such:</p>

<pre><code>$176.00$225.00
</code></pre>

<p>I want to only receive the information from the table cell that matches the input field name i just finished with, how do i do that?</p>
