How to use your div card for color being random when created?

See more:

jQuery

HTML5

bootstrap

Hi Team

I have created div that has body, but i want to use color inside in case it gets created without a user choose theirs. But mine is not working well and there is no error when i debug, need some help here thanks.

What I have tried:

<pre> <div class="card" style="width: 18rem;">
                                    <div class="jump-response"></div>
                                    <div class="card-body d-flex flex-1">
                                        <a href="#" class="btn btn-primary pull-left">Published</a>
                                    </div>

                                    <div class="card-body">
                                        <h4 class="card-title">John Doe</h4>
                                        <p class="card-text">Some example text.</p>

                                    </div>
                                </div>

<script type="text/javascript" src="~/Scripts/bootstrap.min.js">
   function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}
    $(function() {
    $(".jump-response").each(function() {
        $(this).css("background-color", get_random_color());
    });
});
</script>