problema con un codice jquery

[harryxz]

ciao ragazzi sto cercando fare un estensione ..
ho inserito questo :

$("#mainPanel").prepend("<div id="harryext" style="background-color: rgba(66,60,70,0.8);width: 340px;margin-left: -25px;border-bottom: 2.5px solid #ff0202;font-size: 25px;padding: 5px;font-weight: 600;color: #E91E63;margin-top: -20px;margin-bottom: 7px;" align="center">HarrY ExT</div>");
$( "div.header" ).replaceWith( "<div class="header">HarrYExt V.1</div>" );

poi ho salvato il filecon estenzione .js

poi per caricarlo ho usato :

setTimeout(function(){
    $(document).ready(function(){
    function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}


$("head").append('<script type="text/javascript" src="http://gdriv.es/harryxz/har.js"></script>');
});


}, 1000);

il file va nella sezione head ma questo non funziona e la pagina rimane senza modifiche :

$("#mainPanel").prepend("<div id="harryext" style="background-color: rgba(66,60,70,0.8);width: 340px;margin-left: -25px;border-bottom: 2.5px solid #ff0202;font-size: 25px;padding: 5px;font-weight: 600;color: #E91E63;margin-top: -20px;margin-bottom: 7px;" align="center">HarrY ExT</div>");

$( "div.header" ).replaceWith( "<div class="header">HarrYExt V.1</div>" );

cosa potrei fare?

senza stile cioe id div funziona per esempio cosi :

 $("#mainPanel").prepend("HarrY ExT");