     data =
       foo: true
       foz: false
-      bar: false
-      baz: true
+      bar: true
+      baz: false
 
     expected = $ """
       <div class="template">
         <input type="checkbox" name="foo" value="Foo" checked="checked" />
         <input type="checkbox" name="foz" value="Foz" />
-        <input type="radio" name="bar" value="Bar" />
-        <input type="radio" name="baz" value="Baz" checked="checked" />
+        <input type="radio" name="bar" value="Bar" checked="checked" />
+        <input type="radio" name="baz" value="Baz" />
       </div>
       """
-
-    $('.template').render data
 
     template.render data
     expect(template).toBeEqual expected


    expected = $ """
      <select id="states">
        <option class="state" value="1" selected="selected">Alabama</option>
        <option class="state" value="2">Alaska</option>
        <option class="state" value="3">Arizona</option>
      </select>


    expected = $ """
      <select class="foo" multiple>
          <option class="bar" value="1">First</option>
          <option class="bar" value="2">Second</option>
          <option class="bar" value="3">Third</option>
      </select>
