Jqueryでtdの要素を変更したい

質問

以下サイトを参考に、バリデーションルール機能を実装した入力フォームを作成していました。
ttp://ascii.jp/elem/000/000/479/479507/　(html作成)
ttp://ascii.jp/elem/000/000/479/479507/index-2.html(ルール実装)

参考サイトは、dlタグで表を作成されているのですが、
私は、tableタグで作成したものに適用したいと思い機能実装に挑戦しました。

エラー判定時に、
　$(this).parent().prepend("<p class='error'>入力必須項目です</p>")
この一文で、エラー要素の前にPタグをつけようとしているようなのですが、
tableタグのため、うまくいきません。tdとtdの間に入り表が崩れてしまいます。

【inputタグ(=ゲームタイトル名)の後ろ】に、【入力必須項目です。】と文字を追加するためには、
どのように変更すればいいのでしょうか。
(<td><input type="text" class="validate required error">入力必須項目です。</td>　としたい。)

　$(this).parent().prepend("<p class='error'>入力必須項目です</p>")
ここを変化させたらいいと思うのですが、htmlやafter等に変更してもうまくいきません。

ttp://ascii.jp/elem/000/000/479/479507/　(html作成)
ttp://ascii.jp/elem/000/000/479/479507/index-2.html(ルール実装)
に紹介されている、ソースのどの部分を変更すれば実装することができるのでしょうか…

ご教授お願いします。

=========現在機能を実装しようとしているhtmlソース=============
<form>
<table>
<tr>
<td>ゲームタイトル名</td>
<td><input type="text" class="validate required"></td>
</tr>

：
：
</table>
<input type="submit" value="ゲーム情報登録">
</form>

回答No.1

my-- · ベストアンサー

インライン要素に変更してみるとか。

$(this).parent().prepend("<span class='error'>必須項目です</span>");

上記の場合、何箇所かある $("p.error")... をすべて $("span.error")... に変更。

お礼

早速試してみたところ無事できました。

かなりすっきりしました。
情報ありがとうございました。