title: How to change sibling text of element without changing html using jQuery?
body: <p>I'm trying to replace text only, but without touching any other tags.</p>
  
  <pre><code>&lt;p&gt;
      &lt;a href="login.php"&gt;
          &lt;i class="fa fa-sign-in"&gt;&lt;/i&gt; 
          Login
      &lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('p').each(function() {
      $(this).text($(this).text.replace('Login', 'Anmeldung')); 
  });
  </code></pre>
  
  <p>Bad result:</p>
  
  <pre><code>&lt;p&gt;
      Anmeldung       
  &lt;/p&gt;
  </code></pre>
  
  <p>Result as I would like it to be:</p>
  
  <pre><code>&lt;p&gt;
      &lt;a href="login.php"&gt;
          &lt;i class="fa fa-sign-in"&gt;&lt;/i&gt; 
          Anmeldung
      &lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>How can I do this? This is only a sample, deeper structure of <code>p</code> tags can be completely different.</p>