为什么同样的js赋值一个可以赋上另一个却总是得到undefined

<form action="updClassNewsServlet?class_news_id=<%=rs.getInt("class_news_id")%>" method="post" name="fm"
onsubmit="this.text1.value=content.innerHTML;this.text2.value=title.innerHTML;">
<table id="layer2" border="0" cellpadding="5" cellspacing="0">
<tr class="tr">
<td align="right">标题：</td>
<td><input type="text" id="text2" name="class_news_title">
<div id="title" contenteditable="true"><%=rs.getString("class_news_title")%></div>
</td>
</tr>
<tr class="tr">
<td align="right">内容：</td>
<td><input type="hidden" id="text1" name="class_news_content">
<div id="content" contenteditable="true"><%=rs.getString("class_news_content")%></div>
</td>
</tr> <tr class="tr">
<td align="center" colspan="2"><input type="submit" value="修改" />
</td> </tr>
</table>
</form>
这段代码里为什么表单里的两个同样的赋值content可以赋上title却总是得到undefined