title: clone link that contains specific text and append to new li class only when written in the HTML
body: <p>I'm struggling to understand how i can get this accomplished.</p>
  
  <p>Currently in the HTML </p>
  
  <pre><code>&lt;td class="welcome" rowspan="3"&gt;
      &lt;b&gt;
          27412 Commissioner
      &lt;/b&gt;
       (
      &lt;a href="http://football34.myfantasyleague.com/2015/logout?L=27412"&gt;
          Logout
      &lt;/a&gt;
       | 
      &lt;a href="http://football34.myfantasyleague.com/2015/logout?L=27412&amp;BECOME=0001"&gt;
          Become Owner
      &lt;/a&gt;
      )
      &lt;br&gt;&lt;/br&gt;
      &lt;small&gt;
          &lt;a href="http://football34.myfantasyleague.com/2015/support?L=27412&amp;PROGRAM=commissioner_setup" target="_blank"&gt;
              Help Center
          &lt;/a&gt;
      &lt;/small&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I need to have a script that if td.welcome has text  "Become Owner" or "Become Commissioner"  , clone and append that specific a href link and text </p>
  
  <p>Then somewhere esle in the HTML i want to add a new li class called</p>
  
  <pre><code>&lt;li class="become"&gt;&lt;/li&gt;
  </code></pre>
  
  <p>and have the link and text displayed appened to it, so the resulting HTML would look like this</p>
  
  <pre><code>&lt;li class="become"&gt;
          &lt;a href="http://football34.myfantasyleague.com/2015/logout?L=27412&amp;BECOME=0001"&gt;
              Become Owner
          &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>