Team:UNITN-Trento/JS/Project/Fruit ripening

From 2013.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
-
<!--NEW PAGE-->
+
$(document).ready(function() {
-
{{:Team:UNITN-Trento/Templates/Default|<html><!--start content-->
+
    $('#jms-slideshow-1').jmslideshow();
 +
    $('#jms-slideshow-2').jmslideshow();
-
<!--CSS-->
+
    $('.jms-slideshow a').each(function() {
-
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Project_pages&action=raw&ctype=text/css" type="text/css" />
+
        $(this).click(function(e) {
-
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Project/Fruit_ripening&action=raw&ctype=text/css" type="text/css" />
+
            e.preventDefault();
 +
            div = $('<div/>');
 +
            $(div).addClass('tn-hoverTag');
-
<!--JS-->
+
            // $(div).append('<span class="title">' + $(_self).html() + '</span><br/>');
-
<script src="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/JS/Project/Fruit_ripening&action=raw&ctype=text/javascript"></script>
+
            $(div).append('<img src="' + $(this).children("img").attr('src') + '" />');
 +
            $(div).append('<br/><span class="msg">Click to exit</span>');
 +
            $(div).children().wrapAll('<div/>');
-
<!--PAGE-->
+
             $(div).click(function(e) {
-
<div class="container">
+
                 e.preventDefault();
-
    <div class="sheet">
+
                 $(div).remove();
-
        <div>
+
                 $('#tn-content .tag').removeClass('active');
-
             <h1>Fruit ripening</h1>
+
             });
-
           
+
             $('body').append(div);
-
 
+
        });
-
            <p>
+
     });
-
                We have tested several type of fruit to verify that our engineered bacteria are able to produce <b>ethylene</b> (cell transformed with <a href="http://parts.igem.org/Part:BBa_K1065001">BBa_K1065001</a>) and <b>methyl salicylate</b> (cell transformed with <a href="http://parts.igem.org/Part:BBa_K1065102">BBa_K1065102</a> and <a href="http://parts.igem.org/Part:BBa_K1065106">BBa_K1065106</a>) for enhancing or blocking the ripening of fruit, respectively.
+
});
-
            </p>
+
-
            <p>
+
-
                The flasks containing the induced culture were kept at 37 degree in agitation and connected to a sealed jar (or a desiccator) where the fruit was exposed to either ethylene or methyl salicylate (MeSA). Negative controls were either a fruit kept in airtight jar or a fruit placed in a jar connected to a flask with non-induced cells.
+
-
            </p>
+
-
            <p>
+
-
                 Within the same experiment we used fruit assumed to be at the same ripening stage (i.e.: the same bunch of bananas).
+
-
            </p>
+
-
            <p>
+
-
                The results obtained varied according to the fruit tested. We tested: bananas, cherry plums, cherries and heirloom tomatoes, plums, blackberries, kiwifruit, pears and others. Results were evaluated qualitatively by observing skin color changes and pulp texture or firmness.
+
-
            </p>
+
-
            <p>
+
-
                In some cases we were able to detect different levels of fragrance, however this results were too subjective and we discarded them.
+
-
            </p>
+
-
            <p>
+
-
                We were also able to perform a <b>iodine coloration test</b> on <b>starch-containing fruit</b>.
+
-
            </p>
+
-
            <p>
+
-
                We also performed <b>quantitative</b> evaluations of ethylene effects by <b>fruit compression strength test</b>.
+
-
            </p>
+
-
 
+
-
        </div>
+
-
 
+
-
        <div>
+
-
            <span class="subtitle">Ethylene</span>
+
-
        </div>
+
-
 
+
-
        <div id="jms-slideshow-1" class="jms-slideshow">
+
-
 
+
-
            <div id="ex1" class="step" data-scale="1" data-x="0" data-y="0" data-z="0">
+
-
                <p align="center">Cavendish bananas are successfully ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Cavendish banana
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                6 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to Ethylene</span>
+
-
                                6 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Essicator (10.3L)
+
-
                            </p>
+
-
                     
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/3/39/Tn-2013-fruit-banana1.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
            <div id="ex2" class="step" data-scale="1" data-x="0" data-y="0" data-z="-5">
+
-
                <p align="center">Cherry plums are successfully ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Cherry plum
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                4 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to Ethylene</span>
+
-
                                4 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 1 L jar
+
-
                            </p>
+
-
                         
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/5/52/Tn-2013-fruit_susine1.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
            <div id="ex3" class="step" data-scale="1" data-x="0" data-y="0" data-z="-10">
+
-
                <p align="center">Cherry tomatoes are successfully ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Cherry tomatoes
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                7 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to Ethylene</span>
+
-
                                1 day
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 0.5 L jar
+
-
                            </p>
+
-
                         
+
-
 
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/2/24/Tn-2013-fruit_pomodorini2.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
            <div id="ex4" class="step" data-scale="1" data-x="0" data-y="0" data-z="-15">
+
-
                <p align="center">Heirloom tomatoes are successfully ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Heirloom tomatoes
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                9 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 1 L jar
+
-
                            </p>
+
-
                           
+
-
 
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/1/1b/Tn-2013-fruit_pomodorigrandi2.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
            <div id="ex5" class="step" data-scale="1" data-x="0" data-y="0" data-z="-20">
+
-
                <p align="center">Cherry tomatoes are successfully ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Cherry tomatoes
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                8 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to Ethylene</span>
+
-
                                1 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 0.5 L jar
+
-
                            </p>
+
-
                         
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/7/7d/Tn-2013-fruit_pomodorini1.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
           
+
-
            <div id="ex6" class="step" data-scale="1" data-x="0" data-y="0" data-z="-25">
+
-
                <p align="center">Date tomatoes aren't successfully ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Date tomatoes
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                7 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to Ethylene</span>
+
-
                                2 day w/, 3 days w/o, 2 days w/
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 0.5 L jar
+
-
                            </p>
+
-
                            <p>
+
-
                                Note:
+
-
                                Too high temperature, lycopene synthesis inhibited
+
-
                               
+
-
                            </p>
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/5/5a/Tn-2013-fruit_datteri1.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
            <div id="ex7" class="step" data-scale="1" data-x="0" data-y="0" data-z="-30">
+
-
                <p align="center">Blackberries aren't successfully ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Blackberries
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                7 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to Ethylene</span>
+
-
                                1 day
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 0.5 L jar
+
-
                            </p>
+
-
                            <p>
+
-
                              Note:
+
-
                                Same color as control but greater perfume in the induced blackberries
+
-
                               
+
-
                            </p>
+
-
 
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/7/73/Tn-2013-fruit_more1.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
        </div>
+
-
 
+
-
        <div>
+
-
            <p>
+
-
                In summary: cell transformed with <a href="http://parts.igem.org/Part:BBa_K1065001">BBa_K1065001</a> (our ethylene producing device) successfully ripen all the fruit tested when compared to the negative control, except for a few cases (Test with Date Tomatoes) where no significant effects were observed. We believe that in the first case the experiment did not work because the temperature in the laboratory (in those days) was over 30 degrees. We know the importance of temperature on ripening of vine-rape fruit (with external color). In our specific case the too high temperature (>25°C) caused decreased activity of lycopene synthesis enzymes. [reference]
+
-
            </p>
+
-
 
+
-
            <span class="sub-subtitle">&raquo; Iodine Coloration Test</span>
+
-
            <p>
+
-
                 Starch accumulates in apples during the growing season and is hydrolyzed to sugar in the latter stages of maturation and development (Krotkov and Helson 1946). Hydrolysis occurs in the core area first and progresses outwards (Phillips and Poapst 1952). Starch in cut sections of the fruit reacts with a solution of iodine-potassium iodide to produce a blue-black color. By relating the pattern of color development to the stage of maturation. <br/>In addition we are doing the same test with bananas.
+
-
            </p>
+
-
 
+
-
            <span class="sub-subtitle">&raquo; Fruit Compression Strength Test</span>
+
-
            <p>
+
-
              A compression test determines behavior of materials under crushing loads. The specimen is compressed and deformation at various loads is recorded. Compressive stress and strain are calculated and plotted as a stress-strain diagram which is used to determine elastic limit, proportional limit, yield point, yield strength and, for some materials, compressive strength. <br/> In our case we are able to make a compression test to a kiwifruit and bananas.
+
-
            </p>
+
-
 
+
-
            <span class="sub-subtitle">&raquo; Fruit color measurement test</span>
+
-
            <p>
+
-
                 Color area L*a*b* (CIELAB)
+
-
                The most used color area is the CIELAB area that used L* (lightness), a* (redness) and b* (yellowness) parameters. This particular color area is the most complete color space and it describes all the colors visible to the human eye and was created to serve ad a device-indipendent model to be used ad a reference. [16] The L* parameter indicate a range between yields black (0) and diffuse withe (100), the a* parameter indicate a range between red (+a*) and green (-a*, complemental color of red), the b* parameter indicate a range between yellow (+b*) and blue (-b*, a complemental color of yellow). <br/>
+
-
                We use that test to quantify the difference between the ripened and unripened color of pulp's fruit.
+
-
            </p>
+
-
        </div>
+
-
 
+
-
        <div>
+
-
            <span class="subtitle">Methyl salicylate</span>
+
-
        </div>
+
-
 
+
-
        <div id="jms-slideshow-2" class="jms-slideshow">
+
-
 
+
-
            <div id="ex1" class="step" data-scale="1" data-x="0" data-y="0" data-z="0">
+
-
                <p align="center">Date tomatoes are successfully unripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Date tomatoes
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                7 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to MeSA (BBa_K1065106)</span>
+
-
                                2 day w/, 3 days w/o, 2 days w/
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 0.5 L jar
+
-
                            </p>
+
-
                         
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/3/3d/Tn-2013-fruit-datteri1_mesa.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
            <div id="ex2" class="step" data-scale="1" data-x="0" data-y="0" data-z="-5">
+
-
                <p align="center">Cherry tomatoes are successfully unripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Cherry tomatoes
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                7 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to MeSA (BBa_K1065106)</span>
+
-
                                7 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 0.5 L jar
+
-
                            </p>
+
-
                            <p>
+
-
                                Note:
+
-
                                One of the control was probably at a different maturation state ad day1.
+
-
                            </p>
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/8/87/Tn-2013-fruit-pomodorini2_mesa.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
             </div>
+
-
 
+
-
            <div id="ex3" class="step" data-scale="1" data-x="0" data-y="0" data-z="-10">
+
-
                <p align="center">Blackberries are ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Blackberries
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                7 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to MeSA (BBa_K1065106)</span>
+
-
                                1 day
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 0.5 L jar
+
-
                            </p>
+
-
                            <p>
+
-
                                Note:
+
-
                                Same color as control. The fruit was in a too greater stage of maturation to block the ripening.
+
-
                               
+
-
                            </p>
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/5/55/Tn-2013-fruit-more1_mesa.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
             </div>
+
-
 
+
-
            <div id="ex4" class="step" data-scale="1" data-x="0" data-y="0" data-z="-15">
+
-
                <p align="center">Cherry tomatoes</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Cherry tomatoes
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                8 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Immersion in MeSA pure</span>
+
-
                                8 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 0.5 L jar
+
-
                            </p>
+
-
                            <p>
+
-
                                Note:
+
-
                                The immersion in MeSA pure killed the fruit.
+
-
                               
+
-
                            </p>
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/3/3c/Tn-2013-fruit-pomodorini1_mesa.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
            <div id="ex5" class="step" data-scale="1" data-x="0" data-y="0" data-z="-20">
+
-
                <p align="center">Cavendish bananas are ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Cavendish banana
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                6 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to pure MeSA (LB-dissolved)</span>
+
-
                                6 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Essicator (10.3L)
+
-
                            </p>
+
-
                            <p>
+
-
                              Note:
+
-
                                Pure MeSA dissolved in LB probably don't work
+
-
                               
+
-
                            </p>
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/7/7a/Tn-2013-fruit-banana1_mesa.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
            <div id="ex6" class="step" data-scale="1" data-x="0" data-y="0" data-z="-25">
+
-
                <p align="center">Cherry plums are ripened</p>
+
-
                <table>
+
-
                    <tr>
+
-
                        <td>
+
-
 
+
-
                            <p>
+
-
                                <span class="title">Type of fruit</span>
+
-
                                Cherry plum
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Duration of experiment</span>
+
-
                                4 days
+
-
                            </p>
+
-
                            <p>
+
-
                                <span class="title">Exposition to pure MeSA (LB-dissolved)</span>
+
-
                                4 days
+
-
                            </p>
+
-
                           
+
-
                            <p>
+
-
                                <span class="title">Container</span>
+
-
                                Fruit in 1 L jar
+
-
                            </p>
+
-
                            <p>
+
-
                              Note:
+
-
                                Pure MeSA dissolved in LB don't work, we confirmed that.
+
-
                               
+
-
                            </p>
+
-
 
+
-
                        </td>
+
-
                        <td>
+
-
                            <a href=""><img src="https://static.igem.org/mediawiki/2013/9/97/Tn-2013-fruit-susine2_mesa.png" /></a>
+
-
                        </td>
+
-
                    </tr>
+
-
                </table>
+
-
            </div>
+
-
 
+
-
        </div>
+
-
 
+
-
        <div>
+
-
            <p>
+
-
                Cells transformed with <a href="http://parts.igem.org/Part:BBa_K1065102">BBa_K1065102</a> and <a href="http://parts.igem.org/Part:BBa_K1065106">BBa_K1065106</a> (our methyl salicylate producing devices) did not show any difference when compared to the negative control.  We were not able to determine if MeSA actually inhibited fruit ripening because the experiments were not long enough to allow ripening of the control. We demonstrated by XX that YY ml of bacteria culture (induced at O.D.600 equal to 0.6) transformed with our device produce successfully MeSA at a concentration of xx ppm in the culture medium. However, the final concentration of the inhibitor in the gas phase in the jar could be lower than the needed concentration. We are now in the process of better estimating these values.
+
-
            </p>
+
-
            <p>
+
-
                Exposure to pure MeSA instead caused an excessive ripening when added to the culture medium while it had a toxic effect when the fruit was drenched with it. MeSA was reported to slow down ripening at high concentration (XX) and to accelerate the process at lower concentration (YY). [ref] We think that under the used conditions its concentration was above the threshold required to inhibit ripening.
+
-
            </p>
+
-
        </div>
+
-
     </div>
+
-
</div>
+
-
 
+
-
<!--end content--></html>|<html>https://static.igem.org/mediawiki/2013/8/8e/Tn-2013-headerbg-Sfondoor_or.jpg</html>|<html>https://static.igem.org/mediawiki/2013/3/37/Tn-2013-headerbg-Sfondoor.jpg</html>}}
+

Latest revision as of 21:20, 17 September 2013

$(document).ready(function() {

   $('#jms-slideshow-1').jmslideshow();
   $('#jms-slideshow-2').jmslideshow();
   $('.jms-slideshow a').each(function() {
       $(this).click(function(e) {
           e.preventDefault();
           div = $('<div/>');
           $(div).addClass('tn-hoverTag');
           // $(div).append('' + $(_self).html() + '
'); $(div).append('<img src="' + $(this).children("img").attr('src') + '" />'); $(div).append('
Click to exit'); $(div).children().wrapAll('<div/>');
           $(div).click(function(e) {
               e.preventDefault();
               $(div).remove();
               $('#tn-content .tag').removeClass('active');
           });
           $('body').append(div);
       });
   });

});