jQuery form データ値取得

1.input type テキスト
$("#form01").submit(function(){
var text = $("#input01").val();
$("#dsplyArea01").text(text);
return false;
});

2.テキストエリア
$("#form02").submit(function(){
var text = $("#input02").val();
$("#dsplyArea02").text(text);
return false;
});

3.ラジオボタン
$('input[name="device"]').change(function(){
var data = $(this).val();
$("#dsplyArea03").text(data);
});

4.ラジオボタン02
$("#form04").submit(function(){
var data = $('input[name="device02"]:checked').val();
$("#dsplyArea04").text(data);
return false;
});

5.セレクト
$('#select01').change(function(){
var data = $(this).val();
$("#dsplyArea05").text(data);
});

6.セレクト02
$("#form06").submit(function(){
var data = $('#form06 option:selected').val();
$("#dsplyArea06").text(data);
return false;
});

7.チェックボックス
$('input[name="ok"]').change(function(){
var data = $(this).attr('checked');
$("#dsplyArea07").text(data);
});

8.チェックボックス02
$("#form08").submit(function(){
var data = $('input[name="ok02"]').attr('checked');
$("#dsplyArea08").text(data);
return false;
});