title: Tooltip not working when img is append to div
body: <p>I am appending images to a div with tooltip, but the tooltip is not working for the images in the div. I have one static image outside the div and for this the tooltip is working.</p>
  
  <p>below is an except from the jquery function:</p>
  
  <pre><code>success: function (result) {
    if (result != null) {
      var MyPics = result.MyIctures;
      $.each(MyPics, function (index, value) {
        var im = (MyPics[index].FILE_PATH);
        console.log(MyPics[index].file_date);
        var img = $("&lt;img /&gt;");
        img.attr("id",""+ MyPics[index].file_path+"");
        img.attr("style", "height:100px;width: 100px");
        img.attr("data-toggle", "tooltip");
        img.attr("data-html", "true");
        img.attr("data-placement", "top");
        img.attr("title", "&lt;em&gt;Title:" + MyPics[index].file_name + "&lt;/em&gt; &lt;hr&gt; &lt;b&gt;&lt;/b&gt;");
       img.addClass("img_preview");
       img.attr("src", im);
       $("#mypics").append(img);
       // console.log(im);
       //   
       }
     )
    }
  }
  </code></pre>
  
  <p>The tooltip for this img works but not the ones append to the div.</p>
  
  <pre><code>&lt;img id="bing_img_dessc" class="img_preview" style="height:50px" data-toggle="tooltip" data-html="true" data-placement="top" title="&lt;em&gt;sss&lt;/em&gt; &lt;hr&gt; &lt;b&gt;sss&lt;/b&gt;" src="~/Resources/Images/login-user-icon.png"&gt;  
  </code></pre>
  
  <p>Any suggestions will help. Thnaks.</p>