Select textboxes in specific DIV (Jquery)
<p>I need some help with some Javascript that I am writing. I have different DIV classes that have different names and I want to loop through each DIV class. So there is an outer loop to select the DIV class then there is an inner loop where it goes through that DIV class and selects all the textbox values.</p>

<p>My problem is with my JQuery selecting every textbox within every DIV. See below for code.</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div class="Parent"&gt;

    &lt;div class="Percentage"&gt;
    &lt;pe:Percentage runat="server" /&gt;
    &lt;/div&gt;

    &lt;div class="Percentage"&gt;
    &lt;pe:Percentage runat="server" /&gt;
    &lt;/div&gt;

    &lt;div class="Percentage"&gt;
    &lt;pe:Percentage runat="server" /&gt;
    &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p><strong>USER Control</strong></p>

<pre><code>&lt;%@ Control Language="C#" AutoEventWireup="true" CodeFile="percentagerange.ascx.cs"   Inherits="js_percentagerange" %&gt;
&lt;div id="percentage"&gt;
&lt;asp:TextBox runat="server" ID="txtPercentage1"  onchange="percentageCount()"&gt;50&lt;/asp:TextBox&gt; &lt;asp:Label runat="server" ID="lbl1" &gt;%   &lt;/asp:Label&gt;
&lt;br  /&gt;&lt;br /&gt;
&lt;asp:TextBox runat="server" ID="txtPercentage2" onchange="percentageCount()"&gt;50&lt;/asp:TextBox&gt; &lt;asp:Label runat="server" ID="Label1"&gt;%  &lt;/asp:Label&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;asp:TextBox runat="server" ID="txtPercentage3"   onchange="percentageCount()"&gt;0&lt;/asp:TextBox&gt; &lt;asp:Label runat="server" ID="Label2"&gt;%  &lt;/asp:Label&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Javascript</strong></p>

<pre><code>function percentageCount() {

    var totalPercentage = 0;

    $(".Parent").children().each(function(i, val) {
        alert($(".Parent").html());

        $(val + "[id*='txt']").each(function(i, val) {
            alert(this.value);
        });
    });

$(document).ready(function() {
    $(".Parent").children().each(function(i, val) {
    $(this).removeClass("Percentage").addClass("Percentage" + i);

    percentageCount();
});
</code></pre>

<p>Basically I want to loop through each .Percentage and access the textbox values. But for that DIV only. Not for every DIV</p>
