 
     person =
       firstname:  'Jasmine'
-      middlename: 'Elisabeth'
       lastname:   'Taylor'
+      email:      'jasmine.taylor@example.com'
       friends:    [
         firstname: 'John'
         lastname:  'Mayer'

    doc = jQuery(
     '<div>
        <div class="person">
          <span class="firstname"></span>
          <span class="initials"></span>
          <span class="lastname"></span>
        </div>
      </div>')

    person =
      firstname:  'Jasmine'
      middlename: 'Elisabeth'
      lastname:   'Taylor'

    directives =
      initials: () ->
        " #{this.middlename.substr(0,1)}. "

    expected = jQuery(
      '<div>
        <div class="person">
          <span class="firstname">Jasmine</span>
          <span class="initials"> E. </span>
          <span class="lastname">Taylor</span>
        </div>
      </div>')


    doc = jQuery(
     '<div>
        <div class="person">
          <span class="name"></span>
          <span class="email"></span>
          <div class="friends">
            <div class="friend">
              <span class="name"></span>
              <span class="email"></span>
            </div>
          </div>
