更新Slider内容jquery

Question

当用户点击特定主题时，我需要更新滑块内容（图像和文本）。问题是不尊重滑块的行为。

请查看fiddle

的Jquery

// change content

var wineContent = [{
    image: 'http://magazine8.com/wp-content/uploads/2014/02/most-beautiful-flowers.jpg',
    h1: 'js text 1',
    h3: 'h3 text js 1'
}, {
    image: 'slide2.jpg',
    h1: 'js text 2',
    h3: 'h3 text js 2'
}];

$(".item").click(function () {

    if ($(this).hasClass('wine')) {
        //alert('wine');

        $('ul#slideshow').html('<li class="slide">' +
            '<img src="' + wineContent[0].image + '"/>' +
            '<div class="caption">' +
            '<h1>' + wineContent[0].h1 + '</h1>' +
            '<h3>' + wineContent[0].h3 + '</h3></div></li>');

    }

});