title: Dynamic rating is not happening in jquery , Bootstrap class is not functioning
body: <p>while dynamically I am binding bootstrap rating control , rating class is not affecting in <code>jquery</code> . </p>
  
  <p>My <strong>Jquery Code</strong></p>
  
  <pre><code> function GetReviewTypeForRating(hallIDFReview)
  {
      $.ajax({
          url: '@Url.Action("GetReviewRatingTypes", "PublicUser")',
          contentType: "application/json; charset=utf-8",
          datatype: "json",
          data: "{'obj':'" + hallIDFReview + "'}",
          type: "POST", // 'GET' or 'POST' ('GET' is the default)
          success: function (data) {
              if (data != "No Reviews") {
                  data = JSON.parse(data);
                  console.log(data);
                  var divTr = '';
  
                  $.each(data, function (i, item) {
                      divTr += '&lt;div class="row"&gt; &lt;div class="col-lg-4"&gt;&lt;label&gt;' + item.Description + '&lt;/label&gt;&lt;/div&gt;&lt;div class="col-lg-5"&gt;&lt;div class="form-group input-group-sm"&gt;  &lt;input id="starHallRating'+item.Id+'" value="0" type="number" class="rating" min=0 max=5 step=1 data-size="xs"&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="col-lg-3"&gt;&lt;/div&gt; &lt;/div&gt;';
                  });
                  $('#RevieTypeRatings &gt; div').remove();
                  $('#RevieTypeRatings &gt; br').remove();
                  $('#RevieTypeRatings').append(divTr);
              }
          },
          error: function (xhr, status, error) {
              var err = eval("(" + xhr.responseText + ")");
              alert(err.Message);
          }
      });
  
  }
  </code></pre>