jquery click function and change bacground manipulating after : >**suppose inside a document there are 4 label and i want there background >become white when i click  but when i click other label , the previous >label back to its default ***without using add class or remove class*****

[![enter image description here][1]][1]  


  [1]: https://i.stack.imgur.com/3fwgA.png

  

       <header> 
     <label for="slide_trigger1">
        <i class="fa fa-dot-circle-o" aria-hidden="true"></i>
    </label> 
     <label for="slide_trigger2"> 
        <i class="fa fa-dot-circle-o" aria-hidden="true"></i>
     </label>  
      <label for="slide_trigger3">
         <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
      </label>  
      <label for="slide_trigger4"> 
         <i class="fa fa-dot-circle-o" aria-hidden="true"></i>  
      </label> 
    </header>

    <script>    
    $(document).ready(function(e){ 
    $('label').click(function(){  
       
     $(this).css({"background":"#fff","color":"green","border-radius":"100%" }); 
     
    });
    });
    </script>