I have a menu and I want to open every li when I hover on it but my jquery code dont work well and I try with css but the whole of menu was opened. 

```js
$("ul.sideBarMenuLinks li").mouseover(function() {
  $('this').each(function() {
    $(this).css(' margin-left', '0');
  });
});
```

```css
ul.sideBarMenuLinks li {
  margin-bottom: 5px;
  transition: 0.5s;
  margin-left: -116px;
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="sideBarMenuLinks">
  <li>
    <div><a class="sideBarMenuLink" href="#"><span class="image"><i class="icon-home"></i> </span> <span class="text">Home Page</span> </a></div>
  </li>
  <li>
    <div><a class="sideBarMenuLink" href="#"><span class="image"><i  class="icon-user"></i> </span> <span class="text">Register</span> </a></div>
  </li>
</ul>
```