为什么我的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/