select2与<!DOCTYPE html>不兼容？

在django的环境下，使用select2，页面中带有<!DOCTYPE html>的情况下，select2不能正常显示
把<!DOCTYPE html>删除之后，显示就正常了代码：<html>
<head>    {% load staticfiles %}
    <script src="{% static "js/jquery-3.1.1.js" %}" type="text/javascript" charset="utf-8"></script>
    <link href="../static/css/select2.css" rel="stylesheet"/>
    <script src="../static/js/select2.js"></script>
    <script>
        $(document).ready(function() {
            $("#e1").select2({
                placeholder: "Select a State",
                allowClear: true
            });
        });
    </script>
</head>
<body>
    <select id="e1" style="width: 350px">
        <option value="AL">Alabama</option>
        <option value="WY">Wyoming</option>
    </select>
</body></html>
应该怎么改？