title: Targeting a specific class inside an id using jQuery
body: <p>I have the following id of a table element:</p>
  
  <pre><code>&lt;tr id="_IWID_Filters_included"&gt;
      &lt;td width="20%" class="lotusFormLabel lotusFormFieldRow lotusNowrap"&gt; &lt;/td&gt;
      &lt;td class="lotusFormFieldRow"&gt; &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I want to append a string into the td class "lotusFormFieldRow". Currently, I only know how to append a string targeting $("#_IWID_Filters_included").append("string"); which only appends the string to the end of <em>IWID</em> before /tr. Any ideas on how I can do this?</p>
  
  <p>Currently, I have :</p>
  
  <pre><code>    $("#_IWID_Filters_included").append(
          "&lt;td class = 'lotusFormFieldRow'&gt;" + 
          "&lt;div id='filter_" + current_index + "'&gt;" +
          "Filter name: &lt;select id = 'dimensionName_" + current_index + "' class='lotusText'&gt;&lt;/select&gt;" + 
          "Filter value: &lt;select id ='dimensionId_" + current_index + "' class='lotusText'&gt;&lt;/select&gt;" +
          "&lt;button type='button' id='remove_btn_" + current_index + "' onclick='filter_forms.remove_filter_form(" + current_index + ")' style='margin-top: 5px; margin-bottom: 5px;'&gt;Remove filter&lt;/button&gt;" +
          "&lt;/div&gt;" + 
          "&lt;/td&gt;" + "&lt;td width='7%' class='lotusFormFieldRow'&gt;" + "&lt;/td&gt;" 
      );
  </code></pre>
  
  <p>However, instead of having the td class be part of the string, it needs to be inside IWID_Filters_included so that I can just put the last td width at the end. The main issue right now is that every time I click "Add filter", the td width is appended which is disrupting the spacing of the table; hence, why I need a way to target td class = lotusFormFieldRow specifically.</p>