使用jquery使跨度可编辑

Question

点击按钮时，我希望编辑两个跨度。 有人可以告诉我，为什么这不起作用？

这里是小提琴和代码：

JSFIffle

HTML：

<table>
<tr>
<th>Title1</th>
<th>Title2</th>
 </tr>
<tr>
<td><div style="border: 2px solid black;" id="2" contenteditable=false> Text1 </div></td>
<td><div style="border: 2px solid red;" id="3" contenteditable=false> Text2 </div></td>
</tr>
</table>
<button id="edit_properties">Edit</button>

JavaScript：

$('#edit_properties').on('click', function() {
$("#2").attr('contenteditable', true);
$("#3").attr('contenteditable', true);
});

谢谢！