title: jQuery $(this).children not working?
body: <p>I'm sure jQuery works fine, but for some reason it isn't for me. I can't even put it into a jsFiddle because it doesn't like Ajax, but my statements involving <code>$(this).children</code> are not working at all. I'm not getting any errors... what am I doing wrong?</p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('.submitNewOrder').submit( function() {
      $(this).children('input[type=\"submit\"]').prop('disabled',true); // Doesn't work
      $(this).children('.saving').fadeIn('fast');  // Doesn't work
      $.ajax({
          url: 'scripts/submitNewOrder.php?catID=1',
          data: newOrder,
          type: 'POST',
          mode: 'abort',
          success: function(){
              $(this).children('.saving').fadeOut('fast', function() { // Doesn't work
                  $(this).children('.success').fadeIn('fast'); // Doesn't work
              });
          },
          error: function(){
              $(this).children('.error').fadeIn('fast'); // Doesn't work
          }
      });
      return false;
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form class="submitNewOrder"&gt;
      &lt;p&gt;
      &lt;input type="submit" value="Save order" /&gt;
          &lt;span class="saving" style="display:none"&gt;Saving changes...&lt;/span&gt;
          &lt;span class="success" style="display:none"&gt;Saved!&lt;/span&gt;
          &lt;span class="error" style="display:none"&gt;There was a problem saving :(&lt;/span&gt;
      &lt;/p&gt;
  &lt;/form&gt; 
  </code></pre>