[JavaScript][HTML] Wartość jednego pola zależna od tego co w innym polu. Opcje

[politowski]

Witam zrobiłem sobie taki formularz do wprowadzania informacji o profilach społecznościowych na stronie i potrzebuje pomocy bo utknąłem.
https://jsfiddle.net/xvyu34u0/5/
Chodzi o to żeby dodać do tego formularza opcję weryfikacji adresów url.

Jak fragment tekstu wpisanego w formularz będzie zawierał 'twitter.com' to chciałbym aby w polu 'Short Title' pojawiło się 'Twitter' ikonka globusa zmieniła się na fa-twitter, jak 'instagram.com' to pole 'Short Title' dostanie wartość 'Instagram' ikonka zmieni się na fa-instagram itd.

Mógłbym to pewnie w JS zrobić jakimiś ifem ale tych reguł będzie więcej więc było by masę ifów, jak to ogarnąć prościej?
Na razie wymyśliłem sobie że zrobię taką tablicę:

Kod

var socialServices = {
    'facebook.com' : {
        'title' : 'Facebook',
        'icon' : 'fa-facebook'
    },
    'twitter.com' : {
        'title' : 'Twitter',
        'icon' : 'fa-twitter'
    },
    'instagram.com' : {
        'title' : 'Instagram',
        'icon' : 'fa-instagram'
    },
};

tylko nie wiem jak ogarnąć chodzenie po tablicy i sprawdzanie jak formularz zawiera facebook.com to podstaw wartość klucza title dla facebook.com w inpucie www_label[] i wartość icon zamiast 'fa-globe'