anchor.diff:      ul#todo_items
         each todo_item in todo_items
           li(id="#{todo_item.id}") 
  -          span(class="item") #{todo_item.title}
  +          span(class="item", data-id="#{todo_item.id}") #{todo_item.title}
             a(class="delete_button", href="/todo_items/delete/#{todo_item.id}", data-id="#{todo_item.id}") Delete
   
     script.
  
positive.code:           html_string +="<a class='delete_button' href='/todo_items/delete/#{todo_item['_id']}' data-id='#{todo_item['_id']}'>Delete</a></li>"
            html_string
  
        $("#todo_items").on "blur", "#title_edit_field", (evt) ->
            $(this.form).replaceWith "<span class='item'>#{$(evt.currentTarget).val()}</span>"
  
        $('#new_item_form').on 'submit', (evt) ->
          $.post "/todo_items/create",
  
negative.code:       function openForm(evt){
          console.log(evt)  
          $(evt.currentTarget).replaceWith("\
            <form id='edit_title' action='/todo_items/update/"+$(evt.currentTarget).attr('data-id')+"' method='post'> \
            <input id='title_edit_field' type='text' value='"+$(evt.currentTarget).text()+"' name='todo_title'/> \
            ");
          $("#title_edit_field").focus();
        }
  
        function submitNewTitle(evt){
  