Siblings remove class when clicked

HTML

<ul>
    <li>Hello?</li>
    <li>Yes this is dog</li>

</ul>

CSS

.active{
color:red;
font-size:25px;
font-weight:bold;
}

JavaScript

$('li').click(function() {

      $(this).addClass('active').siblings().removeClass('active');


});