Untitled

<!DOCTYPE html>
<html>
<head id="head">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="BackTalk.js"></script>
    <link rel="stylesheet" type="text/css" href="BackTalk.css">
    <title>BackTalk</title>
</head>
<body id="body">
    <div id="Main">
        <form>
            <input id="input" type="text">
            <button id="startbutton" onclick="Bata()">Start</button>
        </form>
    </div>
    <form id="frm">
        <p id="para"></p>
    </form>
    <div id="bottombtn">
        <button id="resetbtn" onclick="resetbtn">Reset</button>
    </div>
</body>
</html>

$(document).ready(function () {
    $("#startbutton").click(function () {
        var reversed;
        $("#frm").text(reversed);
    });

});

function Bata() {
    var input = $("#input").val();
    var a = input.split(" ");

    for (var i = 0; i < a.length; i++) {
        a[i] = naiveReverse(a[i]);
    }

    var c = a.join(" ");
    var reversed = c;
}

function naiveReverse(aString) {
    var d = aString.split('');
    var e = d.reverse();
    var f = e.join('');
    return f;
}

function resetbtn() {
    location.reload();
}