колориметр jquery после f: ajax

Question

Мой цветопередатчик moorainbow больше не работает после вызова ajax ... При первой загрузке моей страницы он работает отлично:

<script type="text/javascript">
            addColorPicker();
            function addColorPicker(){
                window.addEvent('domready', function() {
                    var r = new MooRainbow('myRainbow', {
                        'startColor': [255, 0, 0],
                        'onChange': function(color) {
                            $("editForm:colorpicker").value = color.hex;
                        }
                    });
                });
            }

        </script>

, но когда я выполняю вызов ajax:

<h:form id="fieldsForm">
                                                <h:selectOneMenu id="fields" value="#{labelController.type.template.fieldConfig.editingField}">
                                                    <f:ajax render=":editForm" onevent="reAddColorPicker"/>
                                                    <f:selectItems value="#{labelController.fieldKeuzes}"/>
                                                </h:selectOneMenu>
                                            </h:form> 

Затем я вызываю reAddColorPicker:

<script type="text/javascript">
            function reAddColorPicker(e){
                if(e.status == 'success'){
                    window.addEvent('domready', function() {
                    var r = new MooRainbow('myRainbow', {
                        'startColor': [255, 0, 0],
                        'onChange': function(color) {
                            $("editForm:colorpicker").value = color.hex;
                        }
                    });
                    });                    
                }

            }
        </script>

, но когда я нажимаю на img, чтобы открыть палитру цветов, я не могу выбрать любые цвета, это просто статичное изображение ...