How To Content Editable

project_edit.html

<script>
// coffeescript
$ ->
  $("#project_fields .project").live "blur", (event)->
  
    // alert($(this).text())
    
    $field = $(this)
    $project_id = $(this).data("project-id")
    $data = $(this).text()
    $attribute = $(this).data("attribute_name")
    

    
    $.ajax
      url: "/projects/#{$project_id}"
      data: "#{attribute}=#{$data}"
      method: "POST"
      success: (resp)->
        $field.highlight()
</script>


<div id="project_fields">
  <div class="project" contenteditable=true data-attribute_name="project[name_of_field]" data-project-id="<%= @project.id %>">Hello World...</div>
  ... more divs
</div>