title: i18next jquery translate element inside another element
body: <p>how would I go about translating 2 elements when one is inside the other? This is an example of what I mean:</p>
  
  <pre><code>&lt;p data-i18n="alreadyregistered" &gt;&lt;a href="login.php" data-i18n="login"&gt;&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>On this one the outer p gets translated properly but the a doesn't even appear.</p>
  
  <pre><code>&lt;p data-i18n="alreadyregistered" data-i18n-target=".inner"&gt;&lt;a href="login.php" class="inner" data-i18n="login"&gt;&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>On this one it's the other way around. </p>
  
  <p>How do I make them both translate?</p>
  
  <p>EDIT:
  expected output is that the p and a both get my translations and then display the text. this is what I have for both i18n translations: for estonian <code>alreadyregistered: "Kasutaja juba olemas?", login: "Logi sisse",</code> and for english <code>alreadyregistered: "Already have an account?", login: "Login",</code></p>
  
  <p>So it should display the first part as text and the second a part as a link according to what the user has chosen for their language.</p>