jQuery提交表单,但div闪烁并消失

jQuery提交表单,但div闪烁并消失,jquery,forms,Jquery,Forms,我正在做一个简单的表单提交。我制作了一个更复杂的代码(更多的条目和变量),就像这样,它工作得很好。当我将所有代码并排比较时,它们完全相同,但这一个不起作用!我有默认值();但这似乎毫无作用。我尝试了返回false也不起作用。我知道这很简单,但我一直在想办法 <!DOCTYPE html> <html> <head> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> &l

我正在做一个简单的表单提交。我制作了一个更复杂的代码(更多的条目和变量),就像这样,它工作得很好。当我将所有代码并排比较时,它们完全相同,但这一个不起作用!我有默认值();但这似乎毫无作用。我尝试了
返回false也不起作用。我知道这很简单,但我一直在想办法

<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/uppercase.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.11.1.js"></script>
<script src="js/uppercase.js"></script>
<title>Uppppppppercase</title>
</head>
<body>
<div class="container">
    <h1>Enter whatever you want! The computer will say it back to you!</h1>
    <div class="blanks">
        <form>
            <div class="form-group">
                <label for="entry">Enter here!</label>
                <input id="entry" class="form-control" type="text">
            </div>

            <button type="submit" class="btn">Let 'er Rip!</button>
        </form>
    </div>

    <div id="return">
        <p><span class="entry"></span>HEY</p>
    </div>
</div>
</body>
</html>
和简单的css:

#return {
  display:none;
}

它起作用了。请检查你的控制台上是否有错误。这太疯狂了,因为我已经复制和粘贴了,在我的浏览器中根本不起作用。只是闪烁和消失。
#return {
  display:none;
}