title: Get star rating from number using jquery
body: <p>Here I have code to convert number(rating) into stars using <a href="http://wbotelhos.com/raty" rel="nofollow">http://wbotelhos.com/raty</a>, <a href="http://wbotelhos.com/raty/lib/jquery.raty.min.js" rel="nofollow">http://wbotelhos.com/raty/lib/jquery.raty.min.js</a></p>
  
  <p>I create an jsfiddle: <a href="http://jsfiddle.net/3SXKe/4/" rel="nofollow">http://jsfiddle.net/3SXKe/4/</a></p>
  
  <pre><code>// mocking your supposed "place" variable
  var place = { name: "James Cook Hotel Grand Chancellor", rating: "3.6",
      photos: [{ getUrl: function () { return "https://lh6.googleusercontent.com/-T0_fJX5zza0/UdSnOaucZvI/AAAAAAAAAFc/gQhK3IbHJfY/w50-h50-s0/Small%2BLogo.png" } }]
  }
  
  var photo = place.photos[0].getUrl({
      'maxWidth': 50,
      'maxHeight': 50
  });
  
  var elemenatDiv = $('&lt;div&gt;').addClass('elemenat');
  var draggableDiv = $('&lt;div&gt;').addClass('draggable');
  var logo = $('&lt;img&gt;').css({'margin-left': '3px', 'margin-top': '5px'})
                       .attr('src', photo).attr('width', 46).attr('height', 42)
  var sideClick = $("&lt;a&gt;").addClass('side_click').attr('href', '#')
                          .text(place.name + place.rating);
  var elementnameDiv = $('&lt;div&gt;').addClass('elementname');
  var star = $('#star').raty({ score: place.rating });
  
  elemenatDiv.append(draggableDiv.append(logo));
  elemenatDiv.append(elementnameDiv.append(sideClick).append(star));
  
  $("#side_bar").append(elemenatDiv);
  
  $(sideClick).on("click", function () {
      markers[i].modalWindow_.getDetails(markers[i].place_);
  });
  </code></pre>
  
  <p>and I use first:     <code>var star = $('#star').raty({ score: place.rating });</code> and after that append     <code>elemenatDiv.append(elementnameDiv.append(sideClick).append(star));</code></p>
  
  <p>but star rating won't to show when render html code?</p>
  
  <p>I try different solution but I dont know where is error?</p>