<form class= "form-comment-ajax" method= 'POST'  class="form" action="http://127.0.0.1:8000/comments/" >
                         <h3>Comments:</h3>   <div class="form-group">
                        <label for="exampleFormControlTextarea1">Comment this video:</label>


                        {% if user.username %}

                            {% csrf_token %}
                            {{form}}


                            <button  id = "unlikebutton"  href = "#"class="likebutton" id="like{{Video.id}}" data-catid="{{Video.id}}">comment</button>



                        {% endif %}


                        {% if not user.username %}
                        <p>You must log in to comment.</p>
                        <a href="http://127.0.0.1:8000/webapp/" class="btn btn-primary">Log in</a>

                        {% endif %}
                      </div>

                    </form>




                        <ul>


                            <div class="comments">
                                <p id="hello"></p>
                                {% if Video.comments.all.count > 0 %}
                                    {% for comment in Video.comments.all %}
                                        <p id="Commentss">{{ comment.message }}</p>



                                    {% endfor %}

                                {% endif %}


                            </div>

                        </ul>

                    </div>
                </div>
            </div>


        </div>


    </div>


    <script type="text/javascript">
        $(document).ready(function(){
           var commentForm = $(".form-comment-ajax")
           var catid;

                            catid = $(this).attr("data-catid");

            commentForm.submit(function(event)
            {



                event.preventDefault();
                var thisform = $(this)
                var actions = thisform.attr("action");
                var methods = thisform.attr("method");
                var formData = thisform.serialize();




                $.ajax({

                url: actions,
                method: methods,
                data: formData,

                data:{

comment_id: catid

},

                success: function(data)
                {


                    $('#Commentss').text(data);


                }




                })












        });








        </script>