我的附录似乎无法正常运行，尽管我通过控制台进行了记录，但未显示任何错误（新手问题）

我正在练习函数并更动态地创建输入字段等，但是由于某些原因，我无法将输入字段附加到字段中。我用过console.log()，没有错误真正显示出来。我想知道我在做错什么，以及如何更轻松地防止这些新手错误。

我的HTML：

<div class="container">
    <div class="panel panel-primary">

        <div class="panel-heading">
            <h1>test</h1>
        </div>

        <div class="panel-body">
            <form action="save.php" method="POST" id="testing">

            </form>
            <h1>test aswell</h1>
        </div>

        <div class="panel-footer">
            <h1>test</h1>
        </div>
    </div>
</div>

我的javascript / jquery：

function getEblock() {
    let eBlock = ($('<div/>', {
        'class': 'col-md-2'
    }));
    return eBlock;
}

$(getEblock()).appendTo('#testing');
$(getEblock()).append(getInputDistanceTime());

function getInputDistanceTime() {
    let inputField = ($('<input/>', {
        'type': 'text',
        'name': 'distanceTime',
        'placeholder': 'test',
        'class': 'form form-control'
    }));
    return inputField;
}

标头的样子：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style.css">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="index.js"></script>

我确实在标头中声明了所有内容。