Learning Backbone - index.html.erb file

index.html.erb

<h1>All Dogs</h1>

<div id="dogsapp">
  <div id="dogs">
    <table id="dog-table">
      <tr>
        <th>Name</th>
        <th>Color</th>
        <th>Age</th>
      </tr>

      <!-- ROWS of Dogs will be put here by Backbone.js and templates -->
    </table>
  </div>


<br />

<%= link_to 'New dog', "#" %> <%# new_dog_path %>

  <div id="newdog">
    <div class="content">
    
      <h1>New Dog</h1>
    
      <div class="create-dog">
        <input id="new-dog-name" placeholder="Name" type="text" /> <br/>
        <input id="new-dog-color" placeholder="Color" type="text" /><br/>
        <input id="new-dog-age" placeholder="Age" type="text" /> <br/>
        <input id="new-dog-submit" type="submit" value="Save"/>     
      </div>
    
    </div>
  </div>
  
</div>

<script id="dog_template" type="text/html">

<td class="dog-name"></td>
<td class="dog-color"></td>
<td class="dog-age"></td>

</script>