为什么我的jQuery不能用动画改变来改变div的背景颜色？

Question

当文档准备就绪时，我会触发此代码：

$(".contact input[type='submit']").click(function() {
    $(".contact").animate({"background":"#55bf31"}, 1000);
});

我在HTML文档的head中有以下代码：

        <script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="http://codeorigin.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

什么阻止此代码被解雇？这就是我的CSS（好吧，SASS）为我的背景设置的方式：

.contact {
    @include background(linear-gradient(#3e72ab, #39699d));
    color: #fff;
    display: none;
    height: 500px;

Answer 1

使用此：

$(".contact").animate({"backgroundColor":"#55bf31"}, 1000);

或者：

$(".contact").animate({"background-color":"#55bf31"}, 1000);

现场演示：http://jsfiddle.net/xdytA/