Create dynamic bullet according to no of another div

Dynamic bullet create

by Abhay Singh

HTML

<div class="mainslider">
  <div class="slider">
    <img src="abc.jpg">
  </div>
  <div class="slider">
    <img src="abc.jpg">
  </div>

</div>

<div class="bullet">
</div>

JavaScript

$(function() {
  for (var i = 1; i <= $(".slider").size(); i++) {
    $("<a></a>").attr("href", "#" + i).html("&bull;").appendTo(".bullet");
  }
});