Strange behaviour in template expansion and HTML inclusion
<p>I'm playing with w3.css and want to expand a template and include some
HTML. The example is as follows:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;title&gt;BUG&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;

&lt;link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"/&gt;
&lt;script src="http://www.w3schools.com/lib/w3data.js"&gt;&lt;/script&gt;

&lt;body&gt;

  &lt;div class="w3-container"&gt;

    &lt;div id="id03"&gt;
      &lt;div w3-repeat="customers"&gt;
    &lt;p&gt;Here: img = {{CustomerName}} text={{City}} country={{Country}}&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;


    &lt;div w3-include-html="include.html"&gt;&lt;/div&gt;

  &lt;/div&gt;
  &lt;script&gt;
    w3IncludeHTML();

    var myObject = {"customers":[
      {"CustomerName":"Alfreds Futterkiste","City":"Berlin","Country":"Germany"},
      {"CustomerName":"Around the Horn","City":"London","Country":"UK"},
      {"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"}
      ]};

      w3DisplayData("id03", myObject);

  &lt;/script&gt;

&lt;/body&gt;

  &lt;/html&gt;
</code></pre>

<p>and the included file (include.html) is</p>

<pre><code> &lt;div&gt;
   &lt;h1&gt;I am included&lt;/h1&gt;
   &lt;button class="w3-btn w3-white w3-border"&gt;Button&lt;/button&gt;
 &lt;/div&gt;
</code></pre>

<p>If I comment out the w3IncludeHTML line the program works as I expect
but with this line included the expansion is incorrect and the file
included twice.</p>

<p>And ideas what's wrong?</p>