我的.html.erb中的动态Javascript

<script>
  $(function() {
    $( \".draggable\" ).draggable({grid: [50, 20]});
    $( \".node_input\").each (function() {
      $(this).hide();
    });
    $(\"#<%=\"node.#{care_point.id}\" %>\").live(\'dblclick\', function(){
      console.log(\'moo\');
      jQuery(this).hide();
      jQuery(\'.node_input\', jQuery(this).parent()).show();
    });
  });
</script>
<div id=<%=\"care_point.#{care_point.id}\" %> class=\'draggable node_chin\'>
  <div id=<%=\"node.#{care_point.id}\" %> class=\'node\'><%= care_point.body %>
  </div>
  <textarea class=\'node_input\'><%= care_point.body %></textarea>
</div>

    <script> 
  $(function() {
    $( \".draggable\" ).draggable({grid: [50, 20]});
    $( \".node_input\").each (function() {
      $(this).hide();
    });
    $(\"#node.1\").live(\'dblclick\', function(){
      console.log(\'moo\');
      jQuery(this).hide();
      jQuery(\'.node_input\', jQuery(this).parent()).show();
    });
  });
</script> 
<div id=care_point.1 class=\'draggable node_chin\'> 
  <div id=node.1 class=\'node\'>Moo foo
  </div> 
  <textarea class=\'node_input\'>Moo foo</textarea> 
</div>