Нужно соединить двух братьев в один элемент

var ul = $('.siblings'); 
ul.parent().html($('<ul>').addClass('siblings').append(ul.find('li')));

ul { 
  border: 1px solid red; 
  background: blue; 
} 
li { 
  background: blue; 
} 
 
.siblings { 
  color: yellow; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div> 
  <ul class='siblings'> 
    <li>1</li> 
    <li>2</li> 
  </ul> 
  <ul class='siblings'> 
    <li>3</li> 
    <li>4</li> 
  </ul>       
</div>

$('ul.siblings').not(':first').remove().children('li').appendTo('ul:first');

ul { 
  border: 1px solid red; 
  background: blue; 
} 
li { 
  background: blue; 
} 
 
.siblings { 
  color: yellow; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div> 
  <ul class='siblings'> 
    <li>1</li> 
    <li>2</li> 
  </ul> 
  <ul class='siblings'> 
    <li>3</li> 
    <li>4</li> 
  </ul>       
</div>