для начала инпутам задать name нормальные, на субмиты вешайте обработчик, который и будет переменные обновлять. Если что-то не получается - отписывыйте сюда, будем разбиратся.
Набросал для примера.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>graph</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<style>
div{
position: absolute;
}
</style>
<body>
<p>X</p>
<form action="">
<input type="number" name="x"><br>
<p>A</p>
<input type="number" name="a"><br>
<p>B</p>
<input type="number" name="b"><br>
<a href="#" class="button submit">Обновить переменные</a>
<div></div>
</form>
<script type="text/javascript">
(function(){
var x,a,b;
function draw(){
$("div").append("Введены значения: x = "+x+"; a = "+a+"; b = "+b+";");
}
$('.submit').click(function(){
x = $("input[name='x']").val();
a = $("input[name='a']").val();
b = $("input[name='b']").val();
draw();
});
})()
</script>
</body>
</html>