title: jQuery On Load Children
body: <p>I have a set of items that are dynamically added to as a user selects choices from a side menu. The more  choices they select the more items are displayed.</p>
  
  <p>Some items will have a 'stats' div and some items will not. What I want to do is check if the item has a 'stats' div and if it does not, set the width of the 'more' div to be greater so that the empty space left by the 'stats' block is taken up</p>
  
  <p>Here is the HTML of the items that get generated:</p>
  
  <pre><code>&lt;div class="item" idse="2116082"&gt;
                      &lt;div class="ico"&gt;&lt;/div&gt;
                      &lt;div class="ID"&gt;2237&lt;/div&gt;
                      &lt;div class="Time"&gt;&lt;span&gt;00:00&lt;/span&gt;&lt;span&gt;06 Dec&lt;/span&gt;&lt;/div&gt;
                      &lt;div class="Event"&gt;&lt;span&gt;Test&lt;/span&gt;&lt;span&gt;Test&lt;/span&gt;&lt;/div&gt;
                      &lt;div class="stats"&gt;Stats&lt;/div&gt;                        
                      &lt;div class="more"&gt;+ 3&lt;/div&gt;                        
                      &lt;div class="odds"&gt;                                                                                                                      
                                  &lt;div class="odd r1 c1 g1" id="td_448023666"&gt;
                                  &lt;div title="Home"&gt;Home&lt;/div&gt;
                                  &lt;div&gt;1/2&lt;/div&gt;
                                  &lt;div class="hnd"&gt;&lt;/div&gt;
                                  &lt;/div&gt;                                                                                                                                                                                                                       
                                  &lt;div class="odd r1 c2 g1" id="td_448023667"&gt;
                                  &lt;div title="Draw"&gt;Draw&lt;/div&gt;
                                  &lt;div&gt;7/2&lt;/div&gt;
                                  &lt;div class="hnd"&gt;&lt;/div&gt;
                                  &lt;/div&gt;                                                                                                                                                                                                                       
                                  &lt;div class="odd r1 c3 g1" id="td_448023668"&gt;
                                  &lt;div title="Away"&gt;Away&lt;/div&gt;
                                  &lt;div&gt;9/2&lt;/div&gt;
                                  &lt;div class="hnd"&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="sepOdds"&gt;&lt;/div&gt;                     
                                  &lt;div class="endOdds"&gt;&lt;/div&gt;                                                  
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>And here is my jQuery function:</p>
  
  <pre><code>$('body').on('load', '.item', function () {
          if (!$(this).children('.stats')) {
              $(this).children('.more').css('width', '132px');
          }
      });
  </code></pre>