merge multi same html elements with jquery
<p>I like to move the text only in div make it like:</p>

<pre><code> &lt;div class="field-item even"&gt;
 Job1&lt;p&gt;&lt;a href=""&gt;Name1&lt;/a&gt;&lt;/p&gt;
 &lt;/div&gt;
</code></pre>

<p>etc...</p>

<p>and i like it to be merge and remove all the .field-name-field-brief-text-team div</p>

<p>any help please...
Thanks</p>

<pre><code> &lt;div class="field field-name-field-team field-type-entityreference"&gt;
   &lt;label&gt;Team&lt;/label&gt;
   &lt;div class="field-items"&gt;

     &lt;div class="field-item even"&gt;
     &lt;p&gt;&lt;a href=""&gt;Name1&lt;/a&gt;&lt;/p&gt;
     &lt;/div&gt;

    &lt;div class="field-item odd"&gt;
    &lt;p&gt;&lt;a href=""&gt;Name2&lt;/a&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class="field-item even"&gt;
      &lt;p&gt;&lt;a href=""&gt;Name3&lt;/a&gt;&lt;/p&gt;
    &lt;/div&gt;

   &lt;/div&gt;
 &lt;/div&gt;

&lt;div class="field field-name-field-brief-text-team field-type-text"&gt;
    &lt;div class="field-items"&gt;

    &lt;div class="field-item even"&gt;Job1&lt;/div&gt;
    &lt;div class="field-item odd"&gt;Job2&lt;/div&gt;
    &lt;div class="field-item even"&gt;Job3&lt;/div&gt;

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