title: Toggle SVG with jQuery .html()
body: <p>i'm trying to to toggle two svg on click:</p>
  
  <pre><code>$('.close').html() == '&lt;svg class="btn_back"&gt;&lt;use xlink:href="#btn_back"&gt;&lt;/use&gt;&lt;/svg&gt;' ? $(this).html('&lt;svg class="btn_i"&gt;&lt;use xlink:href="#btn_i"&gt;&lt;/use&gt;&lt;/svg&gt;') : $(this).html('&lt;svg class="btn_back"&gt;&lt;use xlink:href="#btn_back"&gt;&lt;/use&gt;&lt;/svg&gt;');
  </code></pre>
  
  <p>the html is:</p>
  
  <pre><code>&lt;div class="back"&gt;&lt;svg class="btn_i"&gt;&lt;use xlink:href="#btn_i"&gt;&lt;/use&gt;&lt;/svg&gt;&lt;/div&gt;
  </code></pre>
  
  <p>on the first click the content ist replaced and the <code>btn_back</code> svg is shown properly. when i click <code>.close</code> the second time the svg doesn't change. </p>
  
  <p>is the <code>.html()</code> the wrong tool?</p>
  
  <p>thanks for any help!</p>