Динамический мобильный контент Swipe

Привет всем, я разрабатываю мобильный сайт и довольно неопытный в мобильном jQuery, поэтому, если вы все можете быть добрыми, чтобы помочь мне. Если бы я смог обновить его часть страницы, когда вы проведете ее. Этот div содержит код каталога продуктов внутри, так что продукты меняются, когда вы обновляете страницу. То, что я хотел бы сделать, это иметь один конкретный тег div на моей странице, чтобы обновить его при движении.

<div data-role="content" id="colorme">

<!-- Start:Here is where the product come up-->
<!--START: ITEM_TEMPLATE_0-->
<div style="padding: 1em .5em 1.5em .5em; text-align:center;" id="bg" >
    <div style="background-color:#ffffff; margin-bottom: .5em;"> <a href="product.asp?itemid=[catalogid]"><img src= "/thumbnail.asp?file=[THUMBNAIL]&maxx=200&maxy=0" width="200" alt="[name]" border="0"></a>
    </div>
    <div style="padding-bottom:.5em;" class="name"> [name]
    </div>
    <div>
    <a href="product.asp?itemid=[catalogid]"><img src="images/btn-more-details.png"></a>
    </div>
</div>
<!--END: ITEM_TEMPLATE_0-->
<!-- END: stop products-->

  </div>

  <div data-role="footer">
    <h1>My Footer</h1>
  </div>
</div> 

Огромное спасибо!

Извините, вы можете посмотреть сайт здесь:

kitchenova.com/mobile