JQuery Code executed BUT appears as text on the webpage as well

JQuery Code executed BUT appears as text on the webpage as well

Hi,

I just started out with JQuery and ran into some difficulties which I could not solve by myself. I used the bootbox plugin to create a dialog box if there is any error in the form input. The code works in the sense that the dialog box appears but at the same time the code snippet bootbox.alert("Hello world!"); is shown. I tried many things, amongst others the obvious of putting <script> tags around the code but code does not get executed.

  1. <form class='form-horizontal' method="POST" action=""> {% csrf_token %}
  2.       <div class='form-group form-group-lg'>
  3.         {% if form.email.errors %}
  4.           {% block jquery %}
  5.             {% for err in form.email.errors %}          
  6.               bootbox.alert("Hello world!");
  7.             {% endfor %}
  8.           {% endblock %}
  9.         {% endif %}

  11.      </div>
  12. </form>


Does anyone has has experience with similar issues and can give me a hint?