title: Bootstrap toast - Data delay not respected - Toast dont hide
body: <p>After hit the submit button of a form (Ajax POST) I want to refresh the toast with the message generated in Django view. I succeed to show the message but the data-delay is not respected, the toast does not disappear after 5 sec.</p>
  <pre><code>&lt;div id=&quot;messages&quot; aria-live=&quot;polite&quot; aria-atomic=&quot;true&quot; style=&quot;position: relative&quot;&gt;
          &lt;div style=&quot;position: absolute; top: 12px; right: 12px;&quot; &gt;
              {% for message in messages %}
                      &lt;div class=&quot;toast d-flex toast-success&quot; role=&quot;alert&quot; aria-live=&quot;assertive&quot; aria-atomic=&quot;true&quot; data-delay=&quot;3000&quot;&gt;
                          &lt;div class=&quot;toast-header toast-success shadow-none&quot; &gt;
                              &lt;i class=&quot;fas fa-check&quot;&gt;&lt;/i&gt;
                          &lt;/div&gt;
                          &lt;div class=&quot;toast-body&quot;&gt;
                              {{message}} 
                          &lt;/div&gt;
                      &lt;/div&gt;
              {% endfor %}
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>And in success part of Ajax, I have the following code:</p>
  <pre><code>$('#messages).load(location.href + &quot; #messages&gt;*&quot;, &quot;&quot;) 
  </code></pre>